mobile-first-workflow | Topic | Ecosyste.ms: Repos

Ayokanmi-Adejola/Weather-App

A modern, responsive weather application developed for the Frontend Mentor 30-Day Hackathon. featuring a visually engaging user interface, dynamic weather icons, and seamless support for for both metric and imperial units. Ideal for users seeking accurate, up-to-date weather information in a beautifully crafted web Application

Language: CSS - Size: 1.51 MB - Last synced at: 4 days ago - Pushed at: 18 days ago - Stars: 15 - 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: 219 KB - Last synced at: about 6 hours ago - Pushed at: 10 days ago - Stars: 13 - 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: 4 days ago - Pushed at: about 1 month ago - Stars: 13 - 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: 4 days ago - Pushed at: about 1 month ago - Stars: 13 - 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: 307 KB - Last synced at: 4 days ago - Pushed at: 18 days ago - Stars: 12 - 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: 86.9 KB - Last synced at: 4 days ago - Pushed at: 24 days ago - Stars: 12 - Forks: 1

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: 766 KB - Last synced at: 4 days ago - Pushed at: about 1 month ago - Stars: 12 - Forks: 0

Ayokanmi-Adejola/Testimonial-Grid-Section

Testimonials Grid Section built with HTML5, CSS Grid, and responsive design. Featuring a complex grid layout that adapts from 4-column desktop to single-column mobile view.

Language: HTML - Size: 304 KB - Last synced at: 4 days ago - Pushed at: about 2 months ago - Stars: 12 - 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: 4 days ago - Pushed at: about 2 months ago - Stars: 11 - 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: 642 KB - Last synced at: 4 days ago - Pushed at: 19 days ago - Stars: 10 - 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: 131 KB - Last synced at: 4 days ago - Pushed at: about 2 months ago - Stars: 10 - Forks: 1

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: 4 days ago - Pushed at: about 1 month ago - Stars: 9 - 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: 4 days ago - Pushed at: about 1 month ago - Stars: 9 - 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: 129 KB - Last synced at: 2 days ago - Pushed at: about 1 month ago - Stars: 9 - 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: 4 days ago - Pushed at: 3 months ago - Stars: 9 - 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: 4 days ago - Pushed at: 3 months ago - Stars: 9 - Forks: 2

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: 579 KB - Last synced at: 4 days ago - Pushed at: about 1 month ago - Stars: 8 - 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: 4 days ago - Pushed at: about 2 months ago - Stars: 8 - 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: 4 days ago - Pushed at: 3 months ago - Stars: 8 - Forks: 1

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: 4 days ago - Pushed at: 3 months ago - Stars: 8 - 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: 4 days ago - Pushed at: about 1 month ago - Stars: 7 - 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.77 MB - Last synced at: 4 days ago - Pushed at: about 1 month ago - Stars: 7 - 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.18 MB - Last synced at: 4 days ago - Pushed at: about 1 month ago - Stars: 7 - Forks: 0

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: 4 days ago - Pushed at: about 1 month ago - Stars: 7 - Forks: 1

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: 4 days ago - Pushed at: 2 months ago - Stars: 7 - 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: 4 days ago - Pushed at: 3 months ago - Stars: 7 - 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: 4 days ago - Pushed at: 3 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: 4 days ago - Pushed at: 3 months ago - Stars: 7 - 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: 4 days ago - Pushed at: 3 months ago - Stars: 7 - 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: 4 days ago - Pushed at: 3 months ago - Stars: 7 - 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: 4 days ago - Pushed at: 4 months ago - Stars: 7 - 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: 4 days ago - Pushed at: 4 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: 4 days ago - Pushed at: 4 months ago - Stars: 7 - 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: 832 KB - Last synced at: 4 days ago - Pushed at: about 1 month ago - Stars: 6 - 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.23 MB - Last synced at: 4 days ago - Pushed at: about 1 month ago - Stars: 6 - 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: 4 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: 4 days ago - Pushed at: 2 months ago - Stars: 6 - 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: 4 days ago - Pushed at: 2 months ago - Stars: 6 - Forks: 1

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: 4 days ago - Pushed at: 3 months ago - Stars: 6 - 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: 4 days ago - Pushed at: 3 months ago - Stars: 6 - 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: 4 days ago - Pushed at: 3 months ago - Stars: 6 - Forks: 0

Ayokanmi-Adejola/Base-Apparel-Coming-Soon-Page

A Responsive coming soon page for Base Apparel fashion store. Features pixel-perfect design, comprehensive email validation, and seamless UX across all devices. Built with HTML5, CSS3 Grid/Flexbox, and vanilla JavaScript. WCAG 2.1 AA compliant with optimized performance and cross-browser compatibility.

Language: HTML - Size: 365 KB - Last synced at: 4 days ago - Pushed at: 3 months ago - Stars: 6 - 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: 4 days ago - Pushed at: 3 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: 4 days ago - Pushed at: 3 months ago - Stars: 6 - Forks: 0

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: 4 days ago - Pushed at: 3 months ago - Stars: 6 - 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: 4 days ago - Pushed at: 3 months ago - Stars: 6 - 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: 4 days ago - Pushed at: 4 months ago - Stars: 6 - 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: 4 days ago - Pushed at: 4 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: 4 days ago - Pushed at: 4 months ago - Stars: 6 - Forks: 0

Ayokanmi-Adejola/Crowdfunding-product-page

A feature-rich and fully responsive crowdfunding product page. Built with semantic HTML, modern CSS, and JavaScript to handle dynamic content, including pledge selection modals, progress bar updates, and bookmarking functionality.

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

Ayokanmi-Adejola/Insure-Landing-page

A modern, fully responsive insurance landing page. Built with semantic HTML5, modern CSS3 (Grid, Flexbox, Custom Properties), and vanilla JavaScript. Featuring mobile-first responsive design, smooth animations, accessible navigation, and optimized performance. Based on a Frontend Mentor design challenge.

Language: CSS - Size: 671 KB - Last synced at: 4 days ago - Pushed at: 17 days ago - Stars: 5 - 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.2 MB - Last synced at: 4 days ago - Pushed at: about 1 month ago - Stars: 5 - 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: 4 days ago - Pushed at: about 2 months 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: 4 days ago - Pushed at: 2 months ago - Stars: 5 - 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: 4 days ago - Pushed at: 3 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: 4 days ago - Pushed at: 4 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: 4 days ago - Pushed at: 4 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: 4 days ago - Pushed at: 4 months ago - Stars: 5 - Forks: 1

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: 4 days ago - Pushed at: 4 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: 4 days ago - Pushed at: 4 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: 4 days ago - Pushed at: 4 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: 4 days ago - Pushed at: 4 months ago - Stars: 5 - 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: 4 days ago - Pushed at: 4 months ago - Stars: 5 - 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: 4 days ago - Pushed at: 4 months ago - Stars: 5 - 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: 4 days ago - Pushed at: 5 months ago - Stars: 5 - Forks: 1

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: 4 days ago - Pushed at: 5 months ago - Stars: 5 - 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: 4 days ago - Pushed at: 2 months 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: 4 days ago - Pushed at: 3 months ago - Stars: 4 - 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: 4 days ago - Pushed at: 3 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: 4 days ago - Pushed at: 4 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: 4 days ago - Pushed at: 4 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: 4 days ago - Pushed at: 4 months ago - Stars: 4 - 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: 4 days ago - Pushed at: 4 months ago - Stars: 4 - Forks: 1

Topic: "mobile-first-workflow"