Welcome!
This repo holds my personal solutions to the Frontend Mentor challenges—a series of real-world frontend mini-projects designed to improve UI, accessibility, and responsive layout skills.
I kicked this off in 2025 as part of my mission to level up my frontend game (👋 hey React/TS).
| Challenge | Live Demo | Date |
|---|---|---|
| QR Code Component | View Project | 03/05/25 |
| Blog Preview Card | View Project | 03/06/25 |
| Social Links Profile | View Project | 03/07/25 |
| Recipe Page | View Project | 03/09/25 |
| Product Preview Card | View Project | 03/12/25 |
| Four Cards Feature Section | View Project | 03/21/25 |
These projects primarily use:
HTML · CSS · JavaScript · Flexbox · Grid · Accessibility · Responsive Design
Later ones will start including:
React · Tailwind · TypeScript · Component-Based Layouts
- Build muscle memory for layout & spacing
- Practice pixel-perfect conversion from designs
- Apply responsive techniques across screen sizes
- Gradually integrate React & Tailwind into future challenges
- Document lessons learned in future READMEs