Welcome to my Frontend Mentor solutions repository!
This space is a collection of the different coding challenges I've been completing to level up my frontend development skills, build modern interfaces, and practice writing clean, typed code.
Throughout these projects, I primarily use:
- TypeScript and JavaScript for logic and interactivity.
- Semantic HTML5.
- Modern CSS3 (Flexbox, CSS Grid, Custom Properties).
- Continuous deployment via GitHub Pages.
Here is a list of the challenges available in this repository. Each folder contains the source code for a specific project.
| Challenge | Source Code |
|---|---|
| Article Preview Component | View Code |
| Blog preview card | View Code |
| Four Card Feature Section | View Code |
| Mortgage Repayment Calculator | View Code |
| Newsletter Sign Up with Success Message | View Code |
| Product List with Cart | View Code |
| Product Preview Card | View Code |
| QR Code Component | View Code |
| Recipe Page | View Code |
| Rest Countries Api | View Code |
| Results Summary Component | View Code |
| Social Links Profile | View Code |
| Testimonials Grid Section | View Code |
| Time Tracking Dashboard | View Code |
(Note: You can view the live versions by clicking the GitHub Pages link in the "Deployments" section of this repository).
Feedback is always welcome! If you have any suggestions on how I can improve my code, optimize accessibility, or refactor any logic, please feel free to open an Issue or leave a comment.
Coded by Alan Chala 💻