CSS
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
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
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
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
Four Card Feature Section
A nice layout-based challenge for beginners. This will test anyone who is new to multi-column and responsive layouts.
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
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!
incomplete
JavaScript E-Commerce Frontend
The frontend mockup of an e-commerce site. Made with just JavaScript and CSS/HTML.
complete
Personal Website (2022)
My first public version of my own personal website.
incomplete
WordGuess Game (JavaScript)
A basic game to guess the word, made in just HTML and JavaScript. Just uses a small list of words from a local JSON file.
complete
Personal Website (2023)
The second iteration of my personal website.
