Ayokanmi-Adejola/Testimonial-Page

A responsive testimonial page built for the devChallenges.io challenge. Crafted with semantic HTML and modern CSS to achieve a pixel-perfect, accessible, and visually engaging layout for both desktop and mobile devices.

Language: HTML - Size: 1.19 MB - Last synced at: about 7 hours ago - Pushed at: about 9 hours ago - Stars: 4 - Forks: 0

Ayokanmi-Adejola/Minimal-Blog-Card

A pixel-perfect, fully responsive blog card component built with semantic HTML5 and modern CSS3. Developed for the devChallenges.io Minimal Blog Card challenge, this project demonstrates clean code, accessibility, and attention to design detail.

Language: HTML - Size: 575 KB - Last synced at: about 7 hours ago - Pushed at: about 9 hours ago - Stars: 4 - Forks: 0

Ayokanmi-Adejola/Guess-The-Word

Responsive word scramble game built with HTML, CSS, and JavaScript. Guess the correct word from scrambled letters, track your tries and mistakes, and enjoy a polished, mobile-friendly UI inspired by devChallenges.

Language: HTML - Size: 1.64 MB - Last synced at: 1 day ago - Pushed at: 1 day ago - Stars: 7 - Forks: 0

Ayokanmi-Adejola/Frequently-Asked-Questions

A responsive FAQ (Frequently Asked Questions) page with interactive accordion functionality. Built with vanilla HTML, CSS, and JavaScript featuring smooth animations, mobile-first design, and accessibility support.

Language: HTML - Size: 871 KB - Last synced at: 1 day ago - Pushed at: 1 day ago - Stars: 12 - Forks: 0

Ayokanmi-Adejola/Music-Player

A modern responsive music player with glassmorphism design. Features full audio playback, playlist management, and seamless cross-device compatibility. Built with vanilla HTML, CSS, and JavaScript.

Language: HTML - Size: 7.76 MB - Last synced at: 1 day ago - Pushed at: 1 day ago - Stars: 7 - Forks: 0

Ayokanmi-Adejola/Drum-Machine

A beautiful, responsive drum machine built with React and TypeScript. It allows users to create and play drum patterns directly in their web browser featuring responsive design, intuitive interface and dynamic playback

Language: TypeScript - Size: 62.5 KB - Last synced at: 2 days ago - Pushed at: 2 days ago - Stars: 7 - Forks: 0

Ayokanmi-Adejola/Random-Quote-Generator

A modern, responsive random quote generator web app built for the devChallenges.io Random Quote challenge. Featuring pixel-perfect design, random inspirational quotes, author tags, and easy sharing. Built with HTML, CSS, and JavaScript.

Language: HTML - Size: 602 KB - Last synced at: 2 days ago - Pushed at: 2 days ago - Stars: 6 - Forks: 0

Ayokanmi-Adejola/Quick-Card-Form

A responsive interactive card details form with real-time preview, form validation, and completion state. Built with HTML, CSS, and vanilla JavaScript as a solution to the Frontend Mentor challenge.

Language: CSS - Size: 296 KB - Last synced at: 2 days ago - Pushed at: 2 days ago - Stars: 9 - Forks: 0

Ayokanmi-Adejola/Social-Media-Dashboard

A fully responsive social media dashboard with dark/light theme switcher. Built with vanilla HTML, CSS Grid, and JavaScript. Featuring smooth animations, localStorage theme persistence, and mobile-first design

Language: HTML - Size: 363 KB - Last synced at: 3 days ago - Pushed at: 11 days ago - Stars: 10 - Forks: 0

Ayokanmi-Adejola/Blog-Preview-Card

This project is a solution to the Frontend Mentor challenge, featuring hover animations, custom styling, and semantic markup. The card displays article information with an interactive design that enhances user experience

Language: CSS - Size: 220 KB - Last synced at: 9 days ago - Pushed at: 3 months ago - Stars: 6 - Forks: 0

Ayokanmi-Adejola/Preview-Card-Component

A responsive 3-column preview card component built with HTML5 and CSS Flexbox. Showcasing three different car categories (Sedans, SUVs, and Luxury) with distinct color schemes and interactive elements. Features include responsive design for mobile and desktop and hover states for buttons.

Language: CSS - Size: 129 KB - Last synced at: 9 days ago - Pushed at: 3 months ago - Stars: 7 - Forks: 0

Ayokanmi-Adejola/Url-Link-Shortener

A fully responsive URL shortening web application built with vanilla HTML, CSS, and JavaScript. Featuring real-time URL shortening with multiple API integrations, persistent local storage, one-click copy functionality, and mobile-first responsive design. Includes CORS handling with graceful fallback to demo mode.

Language: CSS - Size: 655 KB - Last synced at: 9 days ago - Pushed at: 3 months ago - Stars: 7 - Forks: 0

Ayokanmi-Adejola/Chat-App-Illustration

🗨️ A pixel-perfect chat app interface built with HTML & CSS. Featuring responsive design, gradient backgrounds, realistic chat bubbles, and interactive pricing cards.

Language: CSS - Size: 152 KB - Last synced at: 9 days ago - Pushed at: 3 months ago - Stars: 6 - Forks: 0

Ayokanmi-Adejola/Time-Tracking-Dashboard

A responsive time tracking dashboard built with HTML, CSS Grid, and vanilla JavaScript. Featuring daily, weekly, and monthly activity tracking with a clean, modern UI.

Language: JavaScript - Size: 213 KB - Last synced at: 9 days ago - Pushed at: 3 months ago - Stars: 6 - Forks: 0

Ayokanmi-Adejola/Rest-Countries-Dashboard

🌍 REST Countries API web app featuring dark/light theme switcher. Browse, search & filter 250+ countries with detailed views and border navigation. Built with vanilla HTML, CSS & JavaScript. Responsive design, API integration with fallback, and smooth theme transitions.

Language: HTML - Size: 701 KB - Last synced at: 9 days ago - Pushed at: 3 months ago - Stars: 6 - Forks: 0

Ayokanmi-Adejola/Social-Links-Profile

My solution to the Frontend Mentor Social Links Profile challenge. A responsive profile card with social media links, built using HTML5, CSS custom properties, and Flexbox.

Language: CSS - Size: 1.14 MB - Last synced at: 9 days ago - Pushed at: 4 months ago - Stars: 6 - Forks: 0

Ayokanmi-Adejola/Qr-Code-Component

A responsive QR code card built with HTML and CSS. This clean, modern design features a QR code that links to Frontend Mentor challenge, helping developers improve their front-end skills.

Language: HTML - Size: 78.1 KB - Last synced at: 9 days ago - Pushed at: 4 months ago - Stars: 6 - Forks: 0

Ayokanmi-Adejola/Bootstrap-Tutorial

This repository contains front-end projects I've built primarily to practice and reinforce my understanding of Bootstrap. You'll find various layouts, components, and responsive designs implemented using the Bootstrap framework as I continue to learn and experiment.

Language: HTML - Size: 169 KB - Last synced at: 9 days ago - Pushed at: 4 months ago - Stars: 9 - Forks: 0

Ayokanmi-Adejola/Waste-Management

A web application designed to streamline informal waste management in Nigeria. This platform allows users (households and businesses) to easily schedule waste pickups with local collectors, view transparent pricing, and potentially participate in future waste tracking and recycling programs. Aims to improve efficiency and promote cleaner community

Language: TypeScript - Size: 292 KB - Last synced at: 9 days ago - Pushed at: 4 months ago - Stars: 6 - Forks: 0

Ayokanmi-Adejola/Python-Tutorial

Language: Python - Size: 0 Bytes - Last synced at: 9 days ago - Pushed at: 4 months ago - Stars: 7 - Forks: 0

Ayokanmi-Adejola/Sass-Tutorial

Language: SCSS - Size: 2.93 KB - Last synced at: 9 days ago - Pushed at: 4 months ago - Stars: 5 - Forks: 0

Ayokanmi-Adejola/Sketch-Pad

A modern, responsive web-based drawing application that lets you express your creativity through digital art. Built with vanilla JavaScript, HTML5 Canvas, and CSS3.

Language: JavaScript - Size: 43 KB - Last synced at: 9 days ago - Pushed at: 4 months ago - Stars: 7 - Forks: 0

Ayokanmi-Adejola/Tic-Tac-Toe

A modern, feature-rich Tic Tac Toe game built with HTML, CSS, and JavaScript. This responsive web application offers a personalized gaming experience with multiple customization options and advanced gameplay features.

Language: JavaScript - Size: 17.6 KB - Last synced at: 9 days ago - Pushed at: 4 months ago - Stars: 7 - Forks: 0

Ayokanmi-Adejola/Realestate-Platform

A modern real estate platform leveraging cutting-edge technology, to not only deliver an intuitive and seamless property search experience, coupled with real-time market insights, but to revolutionize the way people find and interact with real estate.

Size: 0 Bytes - Last synced at: 9 days ago - Pushed at: 4 months ago - Stars: 10 - Forks: 0

Ayokanmi-Adejola/Browser-Extensions-Manager

A responsive browser extensions manager UI with light/dark theme toggle, built with HTML, CSS, and vanilla JavaScript. Features include extension filtering, toggling active states, and removal functionality.

Language: JavaScript - Size: 4.5 MB - Last synced at: 9 days ago - Pushed at: 3 months ago - Stars: 5 - Forks: 0

Ayokanmi-Adejola/E-commerce-Product-Page

A responsive e-commerce product page built with HTML, CSS, and vanilla JavaScript. Features include an interactive image gallery with lightbox, product quantity selection, shopping cart functionality, and mobile-responsive design.

Language: JavaScript - Size: 732 KB - Last synced at: 9 days ago - Pushed at: 3 months ago - Stars: 5 - Forks: 0

Ayokanmi-Adejola/Mortgage-Repayment-Calculator

A responsive mortgage repayment calculator built with HTML, CSS, and JavaScript. Calculate monthly and total repayments for both standard repayment and interest-only mortgages.

Language: CSS - Size: 556 KB - Last synced at: 9 days ago - Pushed at: 3 months ago - Stars: 5 - Forks: 0

Ayokanmi-Adejola/Notification-Page-Design

A responsive notifications page built with vanilla HTML, CSS, and JavaScript. Featuring dynamic read/unread states, interactive elements, and full accessibility support with mobile-first design and smooth animations.

Language: JavaScript - Size: 366 KB - Last synced at: 9 days ago - Pushed at: 3 months ago - Stars: 7 - Forks: 0

Ayokanmi-Adejola/Newsletter-Signup-Form

A responsive newsletter sign-up form with success message and form validation. Built with HTML, CSS, and JavaScript for Frontend Mentor challenge. Featuring mobile-first design, email validation, and smooth state transitions.

Language: CSS - Size: 407 KB - Last synced at: 9 days ago - Pushed at: 3 months ago - Stars: 7 - Forks: 0

Ayokanmi-Adejola/Recipe-Page

A responsive recipe page built with HTML and CSS for the Frontend Mentor challenge. Features a clean design with custom styling, responsive layouts, and semantic markup.

Language: CSS - Size: 706 KB - Last synced at: 9 days ago - Pushed at: 3 months ago - Stars: 5 - Forks: 0

Ayokanmi-Adejola/Result-Summary-Component

A responsive web component that displays test results with a clean, modern UI. Built with HTML, CSS, and JavaScript. Features dynamic content loading and responsive design for all screen sizes.

Language: CSS - Size: 288 KB - Last synced at: 9 days ago - Pushed at: 3 months ago - Stars: 5 - Forks: 0

Ayokanmi-Adejola/Advice-Generator-App

A responsive web application that generates random advice using the Advice Slip API. Built with HTML, CSS, and JavaScript. Features a clean, modern UI with hover effects and mobile-responsive design.

Language: CSS - Size: 321 KB - Last synced at: 9 days ago - Pushed at: 3 months ago - Stars: 5 - Forks: 0

Ayokanmi-Adejola/Launch-Countdown-Timer

A fully responsive countdown timer web application built with vanilla HTML, CSS, and JavaScript. Features a sleek dark theme with animated flip cards, star-filled background, and social media integration. Counts down from 14 days with real-time updates and smooth 3D flip animations when numbers change.

Language: HTML - Size: 95.7 KB - Last synced at: 9 days ago - Pushed at: 3 months ago - Stars: 5 - Forks: 0

Ayokanmi-Adejola/Age-Calculator-App

A responsive web application that calculates a person's exact age in years, months, and days based on their birthdate. Features form validation, animated results, and a clean, accessible UI built with HTML, CSS, and vanilla JavaScript.

Language: JavaScript - Size: 698 KB - Last synced at: 9 days ago - Pushed at: 3 months ago - Stars: 5 - Forks: 0

Ayokanmi-Adejola/Calculator-App

A responsive calculator web app with three theme options, built with HTML, CSS, and JavaScript. Features basic arithmetic operations, keyboard support, and theme preference saving.

Language: CSS - Size: 204 KB - Last synced at: 9 days ago - Pushed at: 3 months ago - Stars: 5 - Forks: 0

Ayokanmi-Adejola/To-Do-App

A responsive Todo app built with vanilla JavaScript, HTML, and CSS that features theme switching, CRUD operations for tasks, filtering, drag-and-drop reordering, and local storage persistence.

Language: JavaScript - Size: 409 KB - Last synced at: 9 days ago - Pushed at: 3 months ago - Stars: 5 - Forks: 0

Ayokanmi-Adejola/Article-preview-component

A responsive article preview component, developed as a Frontend Mentor challenge using HTML, CSS, and JavaScript, featuring a clean layout that accurately displays article information and includes an interactive share toggle.

Language: HTML - Size: 230 KB - Last synced at: 9 days ago - Pushed at: 3 months ago - Stars: 5 - Forks: 0

Ayokanmi-Adejola/Pomodoro-Clock

A responsive and fully functional Pomodoro timer application built with React, TypeScript, and Tailwind CSS. Features Adjustable Session & Break Lengths, Countdown Timer, Session Switching and Audible Notifications

Language: TypeScript - Size: 477 KB - Last synced at: 9 days ago - Pushed at: 3 months ago - Stars: 5 - Forks: 0

Ayokanmi-Adejola/Markdown-Previewer

A beautiful, real-time markdown previewer built with React, TypeScript, and Tailwind CSS. Features GitHub Flavored Markdown support, responsive design, and maximize/minimize panels

Language: TypeScript - Size: 524 KB - Last synced at: 9 days ago - Pushed at: 3 months ago - Stars: 5 - Forks: 0

Ayokanmi-Adejola/Agency-Landing-Page

A responsive landing page for Sunnyside Agency built with HTML, CSS, and JavaScript. Features mobile-first design, custom animations, and interactive elements.

Language: CSS - Size: 1.18 MB - Last synced at: 9 days ago - Pushed at: 2 months ago - Stars: 5 - Forks: 0

Ayokanmi-Adejola/Loopstudios-Landing-Page

A responsive landing page built with HTML, CSS, and JavaScript. This project is a Frontend Mentor challenge solution featuring modern design, interactive elements, and mobile-first approach.

Language: CSS - Size: 1.77 MB - Last synced at: 9 days ago - Pushed at: 2 months ago - Stars: 5 - Forks: 0

Ayokanmi-Adejola/Interactive-Rating-Component

A Responsive, Interactive Rating Component designed with HTML, CSS, and JavaScript, featuring a user-friendly interface for collecting and displaying user ratings

Language: CSS - Size: 80.1 KB - Last synced at: 9 days ago - Pushed at: 2 months ago - Stars: 5 - Forks: 0

Ayokanmi-Adejola/Product-List-Cart

A responsive e-commerce dessert shop interface built with vanilla JavaScript, CSS Grid, and Flexbox. Features include dynamic product listing, interactive shopping cart with quantity controls, order confirmation modal, and mobile-responsive design.

Language: JavaScript - Size: 1.87 MB - Last synced at: 9 days ago - Pushed at: 2 months ago - Stars: 5 - Forks: 0

Ayokanmi-Adejola/Bento-Grid

A responsive bento grid UI component built with HTML and CSS. Features a visually appealing card-based layout that adapts seamlessly from mobile to desktop, showcasing social media management features with custom illustrations and a clean, modern design.

Language: CSS - Size: 713 KB - Last synced at: 9 days ago - Pushed at: 2 months ago - Stars: 4 - Forks: 0

Ayokanmi-Adejola/Coding-Bootcamp-Testimonials

Responsive testimonials slider built with HTML, CSS (Flexbox & Grid), and vanilla JavaScript. Features smooth transitions, keyboard navigation, and adapts seamlessly to all device sizes.

Language: CSS - Size: 440 KB - Last synced at: 9 days ago - Pushed at: 2 months ago - Stars: 4 - Forks: 0

Ayokanmi-Adejola/Simple-Article-Listing

A responsive article listing page built for the devChallenges.io Simple Article Listing challenge. Crafted with semantic HTML5 and modern CSS3, featuring a custom SVG separator and accessibility best practices. Perfect for showcasing clean UI implementation and responsive design skills.

Language: HTML - Size: 1.22 MB - Last synced at: 9 days ago - Pushed at: 2 months ago - Stars: 4 - Forks: 0

Ayokanmi-Adejola/Join-Our-Newsletter

A fully responsive, pixel-perfect newsletter sign-up page built for the devChallenges.io "Join Our Newsletter" challenge. Crafted with semantic HTML5 and modern CSS3, this project demonstrates advanced layout techniques, accessibility best practices, and precise design implementation for desktop, tablet, and mobile devices.

Language: HTML - Size: 574 KB - Last synced at: 9 days ago - Pushed at: 2 months ago - Stars: 4 - Forks: 0

Ayokanmi-Adejola/Business-Blog-Card

A modern, responsive business blog card component built with semantic HTML and custom CSS. Features a clean card layout, a wavy SVG overlay for visual separation, and a dedicated author section.

Language: HTML - Size: 1.15 MB - Last synced at: 9 days ago - Pushed at: 2 months ago - Stars: 4 - Forks: 0

Ayokanmi-Adejola/Simple-Feature-Section

A pixel-perfect, fully responsive feature section built for the devChallenges.io "Simple Feature Section" challenge. This project demonstrates modern HTML5 and CSS3 best practices, including semantic markup, Flexbox layouts, custom properties, and adaptive design for all devices.

Language: HTML - Size: 4.17 MB - Last synced at: 9 days ago - Pushed at: 2 months ago - Stars: 4 - Forks: 0

Ayokanmi-Adejola/Four-Card-Feature-Section

A fully responsive four-card feature section built with semantic HTML5 and modern CSS (Grid & Flexbox). Solution to the Frontend Mentor challenge, focusing on accessibility, clean code, and best practices.

Language: CSS - Size: 113 KB - Last synced at: 9 days ago - Pushed at: 2 months ago - Stars: 4 - Forks: 0

Ayokanmi-Adejola/Intro-Component-with-Sign-Up-Form

A responsive landing page featuring an interactive sign-up form, built as a solution to the Frontend Mentor "Intro Component with Sign Up Form" challenge. This project demonstrates modern HTML5 and CSS3 best practices, accessibility, and pixel-perfect implementation based on a real-world design brief.

Language: CSS - Size: 250 KB - Last synced at: 9 days ago - Pushed at: 2 months ago - Stars: 4 - Forks: 0

Ayokanmi-Adejola/Social-Proof-Section

A modern, fully responsive social proof section built with semantic HTML5 and modern CSS. This project features user testimonials and ratings, adapting seamlessly to all device sizes for an optimal user experience.

Language: HTML - Size: 190 KB - Last synced at: 9 days ago - Pushed at: 2 months ago - Stars: 4 - Forks: 0

Ayokanmi-Adejola/Contact-Page

A pixel-perfect, fully responsive contact page built with semantic HTML5 and modern CSS3, inspired by a real-world design challenge from devChallenges.io. This project demonstrates best practices in accessibility, responsive layout (Flexbox, media queries), and custom UI styling.

Language: HTML - Size: 2.76 MB - Last synced at: 9 days ago - Pushed at: 2 months ago - Stars: 4 - Forks: 0

Ayokanmi-Adejola/Simple-Homepage

A pixel-perfect, fully responsive landing page built for the "Simple Homepage - Alarado" challenge on devChallenges.io. Crafted with semantic HTML and modern CSS, this project demonstrates best practices in accessibility, design fidelity, and responsive web development

Language: HTML - Size: 1.19 MB - Last synced at: 9 days ago - Pushed at: 2 months ago - Stars: 4 - Forks: 0

Ayokanmi-Adejola/News-Homepage

A responsive news website homepage built with HTML, CSS Grid, Flexbox, and JavaScript. Features mobile-first design, interactive elements, and a custom mobile navigation menu.

Language: CSS - Size: 1.39 MB - Last synced at: 9 days ago - Pushed at: 2 months ago - Stars: 8 - Forks: 0

Ayokanmi-Adejola/Multi-Step-Register-Form

A fully responsive, accessible multi-step registration form built with modern HTML, CSS, and vanilla JavaScript. This project demonstrates best practices in UI/UX design, form validation, and progressive disclosure for user onboarding. Ideal for learning, prototyping, or adapting multi-step forms in web applications

Language: HTML - Size: 829 KB - Last synced at: 9 days ago - Pushed at: about 2 months ago - Stars: 4 - Forks: 0

Ayokanmi-Adejola/Conference-Ticket-Generator

An interactive web app that generates personalized Coding Conference tickets with custom photos and attendee details. Crafted with vanilla HTML/CSS/JS, featuring fluid animations, intuitive drag-and-drop uploads, and pixel-perfect responsive design.

Language: CSS - Size: 1.55 MB - Last synced at: 9 days ago - Pushed at: about 2 months ago - Stars: 6 - Forks: 0

Ayokanmi-Adejola/NFT-Preview-Card

A responsive NFT preview card UI built with HTML and CSS featuring hover effects and mobile-first design.

Language: CSS - Size: 104 KB - Last synced at: 9 days ago - Pushed at: about 2 months ago - Stars: 7 - Forks: 0

Ayokanmi-Adejola/Tip-Calculator-App

A responsive tip calculator app built with HTML, CSS, and JavaScript. Featuring real-time calculations, input validation, and mobile-first design.

Language: HTML - Size: 127 KB - Last synced at: 9 days ago - Pushed at: about 2 months ago - Stars: 8 - Forks: 0

Ayokanmi-Adejola/Huddle-Landing-Page

A responsive landing page solution for Frontend Mentor's Huddle challenge. Built with HTML5, CSS3, and mobile-first design principles. Featuring smooth hover effects, custom CSS properties, and Flexbox layouts optimized for both mobile and desktop viewing.

Language: HTML - Size: 235 KB - Last synced at: 9 days ago - Pushed at: about 2 months ago - Stars: 7 - Forks: 1

Ayokanmi-Adejola/Multi-Step-Form

A Responsive, and accessible multi-step form implementation featuring responsive design, real-time validation, and WCAG 2.1 AA compliance. Built with vanilla JavaScript, modern CSS, and semantic HTML as part of Frontend Mentor challenge.

Language: JavaScript - Size: 944 KB - Last synced at: 9 days ago - Pushed at: about 2 months ago - Stars: 6 - Forks: 0

Ayokanmi-Adejola/Quiz-App

Sharpen your mind with this dynamic web quiz app, Dive into a diverse range of topics, from history and science to pop culture and puzzles. Test your knowledge, track your progress with detailed score reports, and challenge yourself to climb the leaderboard.

Language: TypeScript - Size: 198 KB - Last synced at: 9 days ago - Pushed at: about 2 months ago - Stars: 21 - Forks: 0

Ayokanmi-Adejola/Ecommerce-Platform

A comprehensive, dynamically scalable, and globally accessible full-stack e-commerce application, meticulously engineered to provide a seamless and personalized shopping experience, featuring robust user authentication protocols for secure access.

Language: TypeScript - Size: 2.42 MB - Last synced at: 9 days ago - Pushed at: about 2 months ago - Stars: 12 - Forks: 0

Ayokanmi-Adejola/Rock-Paper-Scissors

A responsive, interactive Rock Paper Scissors game built with HTML, CSS, and JavaScript. Features include score tracking with localStorage persistence, animated transitions, and a clean, modern UI that works across all device sizes.

Language: CSS - Size: 711 KB - Last synced at: 9 days ago - Pushed at: about 2 months ago - Stars: 6 - Forks: 0

Ayokanmi-Adejola/Javascript-Calculator

A beautiful JavaScript calculator built with React & TypeScript. Implements formula logic with proper order of operations, handles all edge cases, and passes all FreeCodeCamp tests. Features chain calculations, decimal precision, consecutive operator handling, and beautiful gradient UI.

Language: HTML - Size: 60.5 KB - Last synced at: 9 days ago - Pushed at: about 2 months ago - Stars: 6 - Forks: 0

Ayokanmi-Adejola/Expenses-Chart-Component

Interactive expenses chart component built with HTML, CSS, and vanilla JavaScript, featuring dynamic data visualization, responsive design, interactive tooltips, current day highlighting, and custom hover effects.

Language: JavaScript - Size: 98.6 KB - Last synced at: 9 days ago - Pushed at: about 2 months ago - Stars: 6 - Forks: 0

Ayokanmi-Adejola/Product-Preview-Card

A Responsive e-commerce product card with mobile and desktop layouts | Built with semantic HTML5, CSS custom properties, and Flexbox | Accessible design with hover states

Language: CSS - Size: 202 KB - Last synced at: 9 days ago - Pushed at: about 2 months ago - Stars: 6 - Forks: 0

Ayokanmi-Adejola/Profile-Card-Component

A responsive profile card component built with HTML and CSS, featuring custom CSS properties, flexbox layout, and decorative background patterns for a visually appealing user profile display.

Language: CSS - Size: 357 KB - Last synced at: 9 days ago - Pushed at: about 2 months ago - Stars: 7 - Forks: 0

Ayokanmi-Adejola/Stats-Preview-Card

A responsive stats preview card component built with HTML and CSS, featuring a mobile-first workflow, flexbox layout, and custom color overlay effects.

Language: HTML - Size: 197 KB - Last synced at: 9 days ago - Pushed at: about 2 months ago - Stars: 7 - Forks: 0

Ayokanmi-Adejola/Weather-Dashboard

A robust and comprehensive weather dashboard, built from the ground up using solely vanilla HTML for structure, CSS for styling, and JavaScript for dynamic behavior, offering an extensive array of weather information, including current conditions, humidity, wind speed, and more, without relying on any external libraries or frameworks

Language: JavaScript - Size: 661 KB - Last synced at: 9 days ago - Pushed at: about 2 months ago - Stars: 7 - Forks: 0

Ayokanmi-Adejola/Order-summary-component

A responsive card component built with HTML and CSS that showcases an order summary for a music subscription service. Features hover states for interactive elements and adapts to different screen sizes.

Language: CSS - Size: 131 KB - Last synced at: 9 days ago - Pushed at: about 2 months ago - Stars: 7 - Forks: 0

Ayokanmi-Adejola/Contact-Form

A responsive and accessible contact form built with HTML, CSS, and JavaScript. Features client-side validation, error handling, and success notifications. Fully keyboard navigable with screen reader support following WCAG accessibility guidelines.

Language: JavaScript - Size: 323 KB - Last synced at: 9 days ago - Pushed at: about 2 months ago - Stars: 7 - Forks: 0

Ayokanmi-Adejola/Heathcare-Hub

A Digital Healthcare hub designed to provide advanced preventative disease analysis. Key features include advanced algorithmic analysis of health data, personalized risk assessment, and tailored treatment recommendations.

Language: TypeScript - Size: 191 KB - Last synced at: 9 days ago - Pushed at: about 2 months ago - Stars: 12 - Forks: 0

Ayokanmi-Adejola/Dictionary-App

A comprehensive online dictionary delivering instant access to detailed definitions, comprehensive synonym and antonym results, and a diverse range of related language resources, such as audio pronunciations and example sentences.

Language: TypeScript - Size: 198 KB - Last synced at: 9 days ago - Pushed at: about 2 months ago - Stars: 11 - Forks: 0

Ayokanmi-Adejola/Digital-Bank-Landing-Page

A Responsive Digital bank landing page built with HTML, CSS, and JavaScript. Features mobile-first design, and modern UI components.

Language: CSS - Size: 910 KB - Last synced at: 9 days ago - Pushed at: about 2 months ago - Stars: 5 - Forks: 0

Ayokanmi-Adejola/Single-Price-Grid-Component

A responsive single price grid component built with HTML5 and CSS3. Features modern grid layout, mobile-first design, and interactive hover effects. Perfect for subscription pricing pages and SaaS applications.

Language: HTML - Size: 98.6 KB - Last synced at: 9 days ago - Pushed at: about 2 months ago - Stars: 5 - Forks: 0

Ayokanmi-Adejola/Intro-Section-With-Dropdown-Navigation

A modern responsive landing page with interactive dropdown navigation and mobile-first design. Built with vanilla HTML5, CSS3, and JavaScript featuring smooth animations, keyboard accessibility, and cross-browser compatibility.

Language: CSS - Size: 455 KB - Last synced at: 9 days ago - Pushed at: about 1 month ago - Stars: 5 - Forks: 0

Ayokanmi-Adejola/Manage-Landing-Page

A pixel-perfect, responsive business landing page featuring interactive testimonials slider, form validation, mobile navigation, and modern CSS Grid layout. Built with vanilla HTML5, CSS3, and JavaScript following best practices for accessibility and performance.

Language: CSS - Size: 621 KB - Last synced at: 9 days ago - Pushed at: about 1 month ago - Stars: 5 - Forks: 0

Ayokanmi-Adejola/Project-Tracking-Intro-Component

A pixel-perfect, responsive landing page component featuring modern web development practices. Includes interactive mobile navigation with hamburger menu, CSS-generated background shapes, hover states, and accessibility considerations. Built with semantic HTML5, modern CSS3 (Grid, Flexbox, custom properties), and vanilla JavaScript.

Language: CSS - Size: 182 KB - Last synced at: 9 days ago - Pushed at: about 1 month ago - Stars: 4 - Forks: 0

Ayokanmi-Adejola/Interactive-Comments-Section

A fully responsive and feature-rich comment system built as a Frontend Mentor challenge solution. Featuring real-time CRUD operations, upvote/downvote functionality, nested comment threading, user authentication simulation, and persistent data storage using localStorage. Built using HTML5, CSS3 , Vanilla JavaScript (ES6+), localStorage API

Language: JavaScript - Size: 357 KB - Last synced at: 9 days ago - Pushed at: about 1 month ago - Stars: 4 - Forks: 0

Ayokanmi-Adejola/Clipboard-landing-page

A modern, responsive clipboard management landing page built with semantic HTML5 and CSS3. Features pixel-perfect design implementation, mobile-first responsive layout, interactive hover states, and optimized performance. Demonstrates professional web development practices with clean code architecture and accessibility standards.

Language: HTML - Size: 1.18 MB - Last synced at: 9 days ago - Pushed at: about 1 month ago - Stars: 4 - Forks: 0

Ayokanmi-Adejola/Bookmark-Landing-Page

A Modern Bookmark Manager Landing Page | Responsive HTML/CSS/JS implementation featuring interactive tabs, smooth animations, and mobile-first design. Built with semantic markup, CSS Grid/Flexbox, and vanilla JavaScript. Includes browser extension showcase, FAQ section, and newsletter signup.

Language: HTML - Size: 719 KB - Last synced at: 9 days ago - Pushed at: about 1 month ago - Stars: 4 - Forks: 0

Ayokanmi-Adejola/Fylo-Data-Storage-Component

A Responsive data storage dashboard component with gradient progress bars and modern UI design. Built with HTML5 & CSS3, featuring mobile-first responsive design and interactive elements. Frontend Mentor challenge solution.

Language: HTML - Size: 152 KB - Last synced at: 9 days ago - Pushed at: about 1 month ago - Stars: 5 - Forks: 0

Ayokanmi-Adejola/Fylo-Dark-Theme-Landing-Page

A Modern dark theme landing page for Fylo cloud storage service. Built with semantic HTML5, advanced CSS Grid/Flexbox, and responsive design. Features smooth animations, accessibility compliance, and pixel-perfect implementation of professional UI/UX design patterns.

Language: HTML - Size: 771 KB - Last synced at: 9 days ago - Pushed at: about 1 month ago - Stars: 5 - Forks: 0

Ayokanmi-Adejola/Blogr-Landing-Page

A Modern responsive landing page for Blogr publishing platform. Built with semantic HTML5, advanced CSS3 (Grid/Flexbox), and mobile-first design. Features pixel-perfect implementation, smooth animations, and cross-browser compatibility.

Language: HTML - Size: 588 KB - Last synced at: 9 days ago - Pushed at: about 1 month ago - Stars: 6 - Forks: 0

Ayokanmi-Adejola/Pricing-Component-With-Toggle

A Responsive pricing component with interactive toggle switch for annual/monthly billing. Built with vanilla HTML, CSS & JavaScript. Features smooth animations, keyboard accessibility, and mobile-first design. Frontend Mentor challenge solution.

Language: HTML - Size: 294 KB - Last synced at: 9 days ago - Pushed at: about 1 month ago - Stars: 6 - Forks: 0

Ayokanmi-Adejola/Interactive-Pricing-Component

A modern, responsive web component featuring a custom range slider for selecting pricing tiers and a toggle for monthly/yearly billing with automatic 25% discount calculations. Built with semantic HTML5, CSS3 animations, and vanilla JavaScript. Optimized for mobile and desktop with smooth user interactions and accessibility features

Language: CSS - Size: 122 KB - Last synced at: 9 days ago - Pushed at: about 1 month ago - Stars: 6 - Forks: 0

Ayokanmi-Adejola/Frontend-Quiz-app

A modern, fully responsive quiz application built with React, TypeScript, and Tailwind CSS. Challenge your frontend skills across HTML, CSS, JavaScript, and Accessibility topics. Features real-time scoring, accessibility support, dark mode, and a sleek, professional UI.

Language: TypeScript - Size: 1.09 MB - Last synced at: 9 days ago - Pushed at: 29 days ago - Stars: 5 - Forks: 0

Ayokanmi-Adejola/Random-Quote-Machine

A simple and elegant random quote generator built with React, TypeScript, and Tailwind CSS. Fetches and displays inspirational quotes, and allows users to share them on Twitter. The UI features a dynamic color scheme that changes with each new quote.

Language: TypeScript - Size: 126 KB - Last synced at: 9 days ago - Pushed at: 26 days ago - Stars: 7 - Forks: 0

Ayokanmi-Adejola/Scatterplot-Graph

A data visualization project showcasing the 35 fastest cycling times up, with contextual analysis of doping allegations in professional bicycle racing. Featuring time-based scaling, responsive axis generation, and dynamic tooltip systems. Built with React 18, TypeScript, and Tailwind CSS.

Language: TypeScript - Size: 51.8 KB - Last synced at: 9 days ago - Pushed at: 23 days ago - Stars: 4 - Forks: 0

Ayokanmi-Adejola/Heat-Map

Interactive D3.js heat map visualization displaying global land-surface temperature anomalies from 1753-2015. Built with React, TypeScript, and Tailwind CSS. Featuring responsive design, hover tooltips, and color-coded temperature variance mapping.

Language: TypeScript - Size: 60.5 KB - Last synced at: 9 days ago - Pushed at: 23 days ago - Stars: 4 - Forks: 0

Ayokanmi-Adejola/Choropleth-Map

Interactive choropleth map visualizing US educational attainment by county using React, D3.js, and TypeScript. Featuring responsive design, real-time tooltips, and color-coded data representation showing percentage of adults with bachelor's degrees or higher (2010-2014 census data).

Language: TypeScript - Size: 64.5 KB - Last synced at: 9 days ago - Pushed at: 21 days ago - Stars: 4 - Forks: 0

Ayokanmi-Adejola/Treemap-Diagram

Interactive data visualization showcasing movie sales data through a responsive treemap diagram. Built with D3.js v7. Featuring real-time tooltips, responsive legend, accessibility compliance, and modern UI/UX design principles.

Language: HTML - Size: 73.2 KB - Last synced at: 9 days ago - Pushed at: 20 days ago - Stars: 4 - Forks: 0

Ayokanmi-Adejola/Bar-Chart

A responsive, interactive data visualization of United States GDP from 1947 to 2015, built with React, TypeScript, D3.js, and Tailwind CSS. Features include a dynamic bar chart, tooltips, accessibility, and mobile optimization. Fully compliant with FreeCodeCamp Data Visualization certification requirements

Language: HTML - Size: 64.5 KB - Last synced at: 2 days ago - Pushed at: 18 days ago - Stars: 4 - Forks: 0

Ayokanmi-Adejola/FAQ-accordion

A clean, modern FAQ accordion implementation featuring expandable/collapsible sections with smooth transitions. Built with pure HTML, CSS, and JavaScript.

Language: HTML - Size: 760 KB - Last synced at: 9 days ago - Pushed at: 16 days ago - Stars: 11 - Forks: 0

Ayokanmi-Adejola/Space-Tourism-Website

A fully responsive, multi-page Space Tourism website built with HTML, CSS, and JavaScript. Features interactive tab navigation, smooth animations, and a mobile-first design approach. Explore space destinations, meet the crew, and discover space technology through an engaging user interface.

Language: HTML - Size: 1.66 MB - Last synced at: 9 days ago - Pushed at: 16 days ago - Stars: 6 - Forks: 0

Ayokanmi-Adejola/Ping-Single-Column-Coming-Soon-Page

A Responsive coming soon page with email subscription and form validation. Built with HTML5, CSS3, and Vanilla JavaScript. Features mobile-first design, smooth animations, and comprehensive error handling.

Language: HTML - Size: 206 KB - Last synced at: 9 days ago - Pushed at: 16 days ago - Stars: 4 - Forks: 0

Ayokanmi-Adejola/Room-Homepage

A modern, fully responsive furniture e-commerce homepage featuring an interactive image slider, mobile navigation, and CSS Grid layout. Built with semantic HTML5, advanced CSS3, and vanilla JavaScript following mobile-first design principles.

Language: HTML - Size: 622 KB - Last synced at: 9 days ago - Pushed at: 16 days ago - Stars: 5 - Forks: 0

Ayokanmi-Adejola/IP-Address-Tracker

A web app that displays location information for any IP address or domain using the IPify API and LeafletJS maps.

Language: CSS - Size: 638 KB - Last synced at: 9 days ago - Pushed at: 16 days ago - Stars: 8 - Forks: 0

Ayokanmi-Adejola/Static-Job-Listing

A responsive job listings application with interactive filtering functionality. Built with vanilla HTML, CSS, and JavaScript for the Frontend Mentor challenge. Featuring mobile-first design, dynamic content rendering, and multi-criteria filtering system

Language: JavaScript - Size: 301 KB - Last synced at: 9 days ago - Pushed at: 14 days ago - Stars: 8 - Forks: 0