This is my collection of frontend projects. Feel free to check them out, and don't forget to visit my profile on Github or Frontend Mentor if you want to see more!
Featured Projects
complete
Quiz App
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!
complete
Password Generator App
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.
complete
Time Tracking Dashboard
A perfect opportunity to practice your CSS Grid skills. For anyone wanting to take it up a notch, we provide a JSON data file to practice working with data.
complete
Tip Calculator App
This small app is perfect for anyone starting to get to grips with JavaScript. The calculator functionality will be a nice test!
More Projects
complete
E-commerce Product Page
In this challenge, you'll build a beautiful product page. We'll be putting your JS skills to the test with a lightbox product gallery and cart functionality!
complete
Article Preview Component
Practice your layout skills with this article preview component. There's lots of fun to be had playing around with animations for the sharing icons as well.
complete
Newsletter Sign-up Form
This will test your skills with basic form structure, validation, and submission. The success state will also be an excellent opportunity to work with DOM manipulation.
complete
Interactive Rating Component
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!
complete
Meet Landing Page
This HTML & CSS only challenge is perfect if you're starting to get a bit comfortable with your layout skills. The responsive layout shifts will also be a great test!
complete
Testimonials Grid Section
This challenge will be perfect practice for anyone wanting to test their CSS Grid skills. Grid is such a powerful addition to CSS, so it's worth getting to grips with it!
complete
Four Card Feature Section
A nice layout-based challenge for beginners. This will test anyone who is new to multi-column and responsive layouts.
in-progress
TypeScript E-Commerce Frontend
A remake of my JavaScript E-commerce shop mockup, now with Vite!
complete
Personal Website (2024)
The version of my personal website that I used through 2024.
in-progress
WordGuess Game (React)
A game where you guess a letter to find the word. Fetches a random word from an API and uses Framer Motion for some animation when changing pages.
incomplete
JavaScript E-Commerce Frontend
The frontend mockup of an e-commerce site. Made with just JavaScript and CSS/HTML.
