The repository includes the code solutions for the famous UI Challenges available at Frontend Mentor
The project was built while solving out the challenges from Frontend Mentor to strengthen my primary skills in HTML,CSS and JavaScript,React.js,Styled Components by trying to abide to real-life workflows.
I am planning to complete all the challenge. I am starting from easiest to hardest. All projects are hosted on Vercel
| Challenges | Stacks | Repo | Demo |
|---|---|---|---|
| 1. Social media dashboard with theme switch | Html, Css,Css Flexbox, Js, React.js, Styled Component | Repo | Live |
| 2. Loop studios landing page with react | Html, Css,Css Flexbox, Js, React.js, Styled Component | Repo | Live |
| 3. Clipboard landing page | Html, Css,Css Flexbox, Js, React.js, Styled Component | Repo | Live |
| 4. Pricing component with toggle | Html, Css,Css Flexbox, Js, React.js, Styled Component | Repo | Live |
| 5. Profile Card Component | Html, Css, Css Flexbox, Js | Repo | Live |
| 6. Article preview | Html, Css, Css Flexbox, Js | Repo | Live |
| 7. FAQ accordion card | Html, Css, Css Flexbox, Js | Repo | Live |
| 8. Coding bootcamp testimonials slider | Html, Css, Css Flexbox, Js | Repo | Live |
| 9. Base apparel coming soon | Html, Css, Css Flexbox, Js | Repo | Live |
| 10. Pod request access landing page | Html, Css, Css Flexbox, Js | Repo | Live |
| 11. Huddle landing page with a single introductory section | Html, Css, Css Flexbox, Js | Repo | Live |
| 12. Ping coming soon page | Html, Css, Css Flexbox, Js | Repo | Live |
| 13. Intro component with sign-up form | Html, Css, Css Flexbox, Js | Repo | Live |
| 14. Single price grid component | Html, Css, Css Flexbox, Js | Repo | Live |
| 15. Testimonial grid section with | Html, Css, Css Flexbox, Js | Repo | Live |
| 16. Four card feature section | Html, Css, Css Flexbox, Js | Repo | Live |
| 17. Skilled e-learning landing page | Next.js, Tailwind css | Repo | Live |
| 18. Skilled e-learning landing page | Next.js, Tailwind css | Repo | Live |