Frontend Projects
Frontend Mentor
E-commerce Product Page
Status: Complete
Build a beautiful product page with a lightbox product gallery and cart functionality — a great test of JavaScript skills.
News Homepage
Status: Complete
Test your CSS Grid skills with this news homepage layout challenge, including a mobile navigation menu.
Contact Form
Status: Complete
Building accessible forms is a crucial task for front-end developers. This challenge will help you practice building a form with several input types and validation.
FAQ Accordion
Status: Complete
Build an accessible FAQ accordion with smooth keyboard navigation and animated open/close transitions.
Interactive Rating Component
Status: Complete
This is a nice, small project to practice handling user interactions and updating the DOM. Perfect for anyone who has learned the basics of JavaScript!
Quiz App
Status: Complete
This app will test your skills (as well as your knowledge!) as you build out a fully functional quiz. We provide a local JSON file to help you practice working with JSON!
Password Generator App
Status: Complete
This app will be an excellent test of your HTML, CSS, and JS skills. You'll build custom form controls and use JavaScript to generate random passwords.
Tip Calculator App
Status: Complete
This small app is perfect for anyone starting to get to grips with JavaScript. The calculator functionality will be a nice test!
