Article preview component
- html
- css
- js
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.
Four card feature section
- html
- css
A nice layout-based challenge for beginners. This will test anyone who is new to multi-column and responsive layouts.
Single price grid component
- html
- css
In this challenge, you will build out the pricing component to the designs provided.
Intro component with sign-up form
- html
- css
- js
Practice building out a sign-up form complete with client-side validation using JavaScript.
Base Apparel coming soon page
- html
- css
- js
This layout looks simple enough, but there are some interesting details to it that will test your CSS skills. You'll also get to practice basic form validation.
Coding bootcamp testimonials slider
- html
- css
- js
This challenge will be a nice test if you're new to JavaScript. It's also a great opportunity to play around with content animations and transitions.
Pricing component with toggle
- html
- css
- js
This challenge will get you thinking about building an accessible custom toggle control and also test your layout skills.
Social media dashboard with theme switcher
- html
- css
- react
This challenge will be a perfect chance to practice your Grid skills. The color theme switcher also adds a nice additional test.
Rock, Paper, Scissors game
- html
- css
- react
This challenge will test your HTML, CSS and JavaScript skills. There's even a Rock, Paper, Scissors, Lizard, Spock version if you really want to challenge yourself.
REST Countries API
- html
- css
- react
If you're wanting to test your JavaScript skills this is the challenge for you. Use whichever JS framework you prefer and pull data from the REST Countries API.
Job Listing with Filtering
- html
- tailwind
- react
In this challenge, you'll be using JavaScript to filter out jobs based on the categories selected.