Front end challenges from frontendmentor.io
| Challenge | Difficulty | HTML | CSS | JS | API | Live Preview | Code |
|---|---|---|---|---|---|---|---|
| 3 column preview card component | Newbie | ✔️ | ✔️ | Live Preview | Code | ||
| Advice Generator App | Junior | ✔️ | ✔️ | ✔️ | ✔️ | Live Preview | Code |
| Article preview component | Newbie | ✔️ | ✔️ | ✔️ | Live Preview | Code | |
| Base Apparel Coming Soon Page | Newbie | ✔️ | ✔️ | Live Preview | Code | ||
| Blogr Landing Page | Junior | ✔️ | ✔️ | Live Preview | Code | ||
| Bookmark Landing Page | Intermediate | ✔️ | ✔️ | ✔️ | Live Preview | Code | |
| Calculator App | Intermediate | ✔️ | ✔️ | ✔️ | Live Preview | Code | |
| Coding Bootcamp Testimonials Slideshow | Junior | ✔️ | ✔️ | ✔️ | Live Preview | Code | |
| Crowdfunding Project Page | Junior | ✔️ | ✔️ | Live Preview | Code | ||
| Easybank Landing Page | Intermediate | ✔️ | ✔️ | ✔️ | Live Preview | Code | |
| E-commerce Product Page | Intermediate | ✔️ | ✔️ | ✔️ | Live Preview | Code | |
| Expense Chart Component | Junior | ✔️ | ✔️ | ✔️ | Live Preview | Code | |
| FAQ accordion card | Newbie | ✔️ | ✔️ | ✔️ | Live Preview | Code | |
| Four Card Feature Section | Newbie | ✔️ | ✔️ | Live Preview | Code | ||
| Fylo Landing Page with Two Column Layout | Junior | ✔️ | ✔️ | Live Preview | Code | ||
| Huddle Landing Page with a Single Introductory Section | Newbie | ✔️ | ✔️ | Live Preview | Code | ||
| Huddle Landing Page with Curved Sections | Junior | ✔️ | ✔️ | Live Preview | Code | ||
| Interactive Pricing Component | Junior | ✔️ | ✔️ | ✔️ | Live Preview | Code | |
| Interactive Rating Component | Newbie | ✔️ | ✔️ | ✔️ | Live Preview | Code | |
| Intro Component with Sign-Up Form | Newbie | ✔️ | ✔️ | Live Preview | Code | ||
| Intro Section with Drowndown Navigation | Junior | ✔️ | ✔️ | ✔️ | Live Preview | Code | |
| IP Address Tracker | Intermediate | ✔️ | ✔️ | ✔️ | ✔️ | Live Preview | Code |
| Job listings with filtering | Intermediate | ✔️ | ✔️ | ✔️ | Live Preview | Code | |
| Loopstudios Landing Page | Junior | ✔️ | ✔️ | ✔️ | Live Preview | Code | |
| Manage Landing Page | Intermediate | ✔️ | ✔️ | ✔️ | Live Preview | Code | |
| NFT Preview Card Component | Newbie | ✔️ | ✔️ | Live Preview | Code | ||
| Order Summary Component | Newbie | ✔️ | ✔️ | Live Preview | Code | ||
| Ping Single Column Coming Soon Page | Newbie | ✔️ | ✔️ | Live Preview | Code | ||
| Product Preview Card Component | Newbie | ✔️ | ✔️ | Live Preview | Code | ||
| Pricing Component with Toggle | Junior | ✔️ | ✔️ | ✔️ | Live Preview | Code | |
| Profile card component | Newbie | ✔️ | ✔️ | Live Preview | Code | ||
| QR Code Component | Newbie | ✔️ | ✔️ | Live Preview | Code | ||
| REST Countries API with Color Theme Switcher | Advanced | ✔️ | ✔️ | ✔️ | ✔️ | Live Preview | Code |
| Rock, Paper, Scissors game | Advanced | ✔️ | ✔️ | ✔️ | Live Preview | Code | |
| Room Homepage | Intermediate | ✔️ | ✔️ | ✔️ | Live Preview | Code | |
| Single Price Grid Component | Newbie | ✔️ | ✔️ | Live Preview | Code | ||
| Social Media Dashboard with Theme Switcher | Junior | ✔️ | ✔️ | Live Preview | Code | ||
| Social proof section | Newbie | ✔️ | ✔️ | Live Preview | Code | ||
| Stats preview card component | Newbie | ✔️ | ✔️ | Live Preview | Code | ||
| Sunnyside Agency Landing Page | Junior | ✔️ | ✔️ | ✔️ | Live Preview | Code | |
| Testimonials Grid Section | Junior | ✔️ | ✔️ | Live Preview | Code | ||
| Todo app | Intermediate | ✔️ | ✔️ | ✔️ | Live Preview | Code | |
| URL Shortening API Landing Page | Intermediate | ✔️ | ✔️ | ✔️ | ✔️ | Live Preview | Code |