Frontend Coding Challenges

Take your Frontend coding skills to the next level with our curated collection of real-world frontend coding challenges. 🚀

Star Rating Component Frontend Challenge
FRONTEND

Star Rating Component

In this frontend challenge, you'll build a Star Rating Component. This challenge is perfect for you if you're interested in buildi...

Intermediate
Sortable List Component Frontend Challenge
FRONTEND

Sortable List Component

In this frontend challenge, you'll build a Sortable List Component with Search Input Box. This challenge is perfect for you if you...

Hard
Newsletter Card Component Frontend Challenge
FRONTEND

Newsletter Card Component

In this frontend challenge, you'll build a Newsletter Card Component. This challenge is perfect for you if you've been learning HT...

Beginner
Multi-step Form Frontend Challenge
FRONTEND

Multi-step Form

In this frontend challenge, you'll build a Multi-step Form. This challenge is perfect for you if you're interested in building com...

Hard
Feedback Modal Component Frontend Challenge
FRONTEND

Feedback Modal Component

In this frontend challenge, you'll build a Feedback Modal Component. This challenge is perfect for you if you've been learning CSS...

Beginner
Toast Notification Component Frontend Challenge
FRONTEND

Toast Notification Component

In this challenge, you'll build a Toast Notification Component. This challenge is perfect for you if you're interested in building...

Intermediate
Profile Card Component Frontend Challenge
FRONTEND

Profile Card Component

In this challenge, you'll build a Profile Card Component. This challenge is perfect for you if you're interested in building front...

Beginner
Share Content Card Component Frontend Challenge
FRONTEND

Share Content Card Component

In this frontend challenge, you'll build a Share Content Card Component. This challenge is perfect for you if you've been learning...

Beginner
Accordion Component Frontend Challenge
FRONTEND

Accordion Component

In this challenge, you'll build an Accordion Component. This challenge is perfect for you if you're interested in building interac...

Intermediate
OTP Verification Component Frontend Challenge
FRONTEND

OTP Verification Component

In this challenge, you'll build an OTP Verification component. This challenge is perfect for you if you're interested in building ...

Intermediate
Testimonials UI Component Frontend Challenge
FRONTEND

Testimonials UI Component

In this challenge, you'll build a Testimonials UI Component. This challenge is perfect for you if you're interested in building in...

Intermediate
Multi-select Search Component Frontend Challenge
FRONTEND

Multi-select Search Component

In this challenge, you'll build a Multi-select Search Component. This challenge is perfect for you if you're interested in buildin...

Hard
Calendar Viewer Component Frontend Challenge
FRONTEND

Calendar Viewer Component

In this challenge, you'll build a Calendar Viewer Component. This challenge is perfect for you if you've been learning JavaScript ...

Intermediate
SendCrypt Web3 App Frontend Challenge
WEB 3.0

SendCrypt Web3 App

In this challenge, you'll build a SendCrypt Web3 App. This challenge is perfect for you if you've been learning Web3 and want to t...

Beginner
Blog Card Component Frontend Challenge
FRONTEND

Blog Card Component

In this Frontend challenge, you'll build a Blog Card Component. This challenge is perfect for you if you've been learning CSS and ...

Beginner
Video Player Web App Frontend Challenge
FRONTEND

Video Player Web App

In this Frontend challenge, you'll build a full-fledged video player web app using HTML5 Video API. This challenge is perfect if y...

Hard
Typeahead Search Component Frontend Challenge
FRONTEND

Typeahead Search Component

In this challenge, you'll build a Typeahead Search Component. This challenge is perfect for you if you've been learning JavaScript...

Intermediate
Pricing Card Page Frontend Challenge
FRONTEND

Pricing Card Page

This frontend challenge will be a CSS heavy. You'll use a CSS Grid/Flexbox and a lot of cool CSS Properties.

Intermediate
Icon Sets Pricing Card Frontend Challenge
FRONTEND

Icon Sets Pricing Card

This frontend challenge will be a fun one. You'll use CSS Flexbox/Grid and DOM Manipulation to manipulate your HTML.

Intermediate
Countdown Timer Frontend Challenge
FRONTEND

Countdown Timer

This frontend challenge will be a good one. You'll use a lot of DOM Manipulation to manipulate your HTML.

Intermediate
Smart Home Landing Page Frontend Challenge
FRONTEND

Smart Home Landing Page

We need a landing page for every type of website/app. It helps users to get to know about our product. In this Frontend challenge,...

Intermediate
Payment Landing Page Frontend Challenge
FRONTEND

Payment Landing Page

We need a landing page for every type of website/app. It helps users to get to know about our product. In this Frontend challenge,...

Beginner
Contact Us Form Frontend Challenge
FRONTEND

Contact Us Form

Contact Us Form is really essential for every website. It helps users to connect with us. In this Frontend challenge, You’ll creat...

Intermediate
Random Quote Generator Frontend Challenge
FRONTEND

Random Quote Generator

This frontend challenge wil be a fun one. You'll use a Random Quote API to get the quotes.

Intermediate

FrontendPro

2023 FrontendPro. All right reserved