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.
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.
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.
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
Real-time pricing component: select plans based on page views, toggle monthly/yearly billing, view available features.
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.
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
A responsive jobs board app using a data.json file from the deprecated GitHub jobs API to receive data. Users can filter jobs by title, location, and full time/part time contracts. Pagination with a default of 12 jobs loaded initially.
A lightweight CSS framework for efficient styling
A Personal Portfolio created using HTML, CSS, & JavaScript with a Mobile-Oriented Development Process for all webpages.
This landing page is based on The Frontend Mentor challenge. To reach the result, I used React and Sass with a responsive layout.
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.
My solutions on the challenges from frontendmentor.io
Random Advice Generator WebApp
Frontend mentor challenge, Vanilla html, css and js. BEM methodology #My self
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.
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.
Skilled e-learning landing page
This is my solution to the Newsletter sign up with message success Frontendmentor problem.
Add a description, image, and links to the mobile-first-workflow topic page so that developers can more easily learn about it.
To associate your repository with the mobile-first-workflow topic, visit your repo's landing page and select "manage topics."