Here you can watch my progress in solving challenges from frontendmentor.io.
Any comments are welcome.
Newbie [17/17] (Free, Free++)
| No | Challenge | Live demo | Source |
|---|---|---|---|
| 01 | QR code component | Live demo | Source |
| 02 | 3 column preview card component | Live demo | Source |
| 03 | Hunddle landing page | Live demo | Source |
| 04 | Product preview card component | Live demo | Source |
| 05 | Single price grid component | Live demo | Source |
| 06 | Profile card component | Live demo | Source |
| 07 | Order summary component | Live demo | Source |
| 08 | NFT preview card component | Live demo | Source |
| 09 | Stats preview card component | Live demo | Source |
| 10 | Social proof section | Live demo | Source |
| 11 | Four card feature section | Live demo | Source |
| 12 | Interactive rating component | Live demo | Source |
| 13 | FAQ accordion card | Live demo | Source |
| 14 | Article preview component | Live demo | Source |
| 15 | Base Apparel coming soon page | Live demo | Source |
| 16 | Intro component with sign up form | Live demo | Source |
| 17 | Ping coming soon page | Live demo | Source |
Junior [25/25] (Free, Free++)
| No | Challenge | Live demo | Source |
|---|---|---|---|
| 01 | News homepage | Live demo | Source |
| 02 | Notifications page | Live demo | Source |
| 03 | Interactive card details form | Live demo | Source |
| 04 | Expenses chart component | Live demo | Source |
| 05 | Intro section with dropdown navigation | Live demo | Source |
| 06 | Advice generator app | Live demo | Source |
| 07 | Time tracking dashboard | Live demo | Source |
| 08 | Tip calculator app | Live demo | Source |
| 09 | Sunnyside agency landing page | Live demo | Source |
| 10 | Blogr landing page | Live demo | Source |
| 11 | Crowdfunding product page | Live demo | Source |
| 12 | Interactive pricing component | Live demo | Source |
| 13 | Loopstudios landing page | Live demo | Source |
| 14 | Testimonials grid section | Live demo | Source |
| 15 | Fylo data storage component | Live demo | Source |
| 16 | Coding bootcamp testimonials slider | Live demo | Source |
| 17 | Social media dashboard with theme switcher | Live demo | Source |
| 18 | Insure landing page | Live demo | Source |
| 19 | Pricing component with toggle | Live demo | Source |
| 20 | Project tracking intro component | Live demo | Source |
| 21 | Clipboard landing page | Live demo | Source |
| 22 | Huddle landing page with alternating feature blocks | Live demo | Source |
| 23 | Fylo dark theme landing page | Live demo | Source |
| 24 | Fylo landing page with two column | Live demo | Source |
| 25 | Huddle landing page with curved sections | Live demo | Source |
Intermediate [14/14] (Free, Free++)
| No | Challenge | Live demo | Source |
|---|---|---|---|
| 01 | Interactive comments section | Live demo | Source |
| 02 | Space tourism website | Live demo | Source |
| 03 | E-commerce product page | Live demo | Source |
| 04 | Calculator app solution | Live demo | Source |
| 05 | Launch countdown timer | Live demo | Source |
| 06 | Todo app solution | Live demo | Source |
| 07 | Room homepage | Live demo | Source |
| 08 | IP address tracker | Live demo | Source |
| 09 | Chat app CSS illustration | Live demo | Source |
| 10 | Job listings with filtering challenge | Live demo | Source |
| 11 | Easybank landing page challenge | Live demo | Source |
| 12 | Manage landing page | Live demo | Source |
| 13 | Shortly URL shortening API | Live demo | Source |
| 14 | Bookmark landing page | Live demo | Source |