This repository contains my solutions to challenges from Frontend Mentor – a platform that helps developers improve their frontend coding skills by building realistic projects.
Each challenge has been carefully crafted to reflect real-world UI components, and I’ve implemented them using HTML, CSS, JavaScript, and React.
🔗 Visit live site:
👉 https://frontend-mentor-mauve.vercel.app
- Static Projects: Built with pure HTML, CSS, and JavaScript.
- React Projects: Built using React and deployed under subpaths.
- Tooltip Integration – Added tooltips to enhance user interaction and provide additional information when hovering over buttons.
- Search Solutions by Name – Users can search for solutions by typing in the name of the project. This provides an easy way to find specific solutions in the repository.
- Filter Solutions by Level – Added functionality to filter challenges by difficulty level (Newbie, Junior, Intermediate). This helps to quickly navigate through projects based on complexity.
- 🟢 Newbie Level – Simple projects for absolute beginners
- 🔵 Junior Level – Beginner-friendly projects with moderate complexity
- 🔴 Intermediate Level – More challenging projects for skill improvement
| Project Title | Live Demo Link |
|---|---|
| Card Preview Challenge | Live Demo |
| Social Link Profile | Live Demo |
| Blog Preview Card | Live Demo |
| Stats Preview Card | Live Demo |
| QR Code Component | Live Demo |
| NFT Preview Card | Live Demo |
| Profile Card | Live Demo |
| 3 Column Preview Card | Live Demo |
| Single Price Grid | Live Demo |
| Order Summary Component | Live Demo |
| Recipe Page | Live Demo |
| Four Card Feature Section | Live Demo |
| Results Summary Card | Live Demo |
| FAQ Accordion (React) | Live Demo |
| Rating Component (React) | Live Demo |
| Social Proof Section (React) | Live Demo |
| Base Apparel (React) | Live Demo |
| Project Title | Live Demo Link |
|---|---|
| Advice Generator App | Live Demo |
| Testimonials Grid Section | Live Demo |
| Coding Bootcamp Testimonials Slider | Live Demo |
| Age Calculator App | Live Demo |
| CSS Grid Layout Project | Live Demo |
| Fly Storage App | Live Demo |
| Contact Form (React) | Live Demo |
| Conference Ticket Generator (React) | Live Demo |
| Browser Extensions (React) | Live Demo |
| Agency Landing Page (React) | Live Demo |
| Project Title | Live Demo Link |
|---|---|
| Calculator App | Live Demo |
| E-commerce Product Page (React) | Live Demo |
| Todo App (React) | Live Demo |
This project is licensed under the MIT License.
Hi! I'm Asia, a front-end developer passionate about clean UI, React development, and coding challenges.
🌱 I’m continuously learning and building real-world projects to sharpen my skills—including collaborating right here on this project!
- GitHub: @asia272