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
Become a Pro in Frontend Dev
with FrontendPro.dev
Code your way to your dream job with our Frontend Coding Challenges and build real-world Frontend Projects to take your skills to the next level.
Playground Demo — FrontendPro.dev
<!DOCTYPE html> <html> <head> <title>FrontendPro Sandbox</title> <meta charset="UTF-8" /> </head> <body> <h1 id="app">Become a Pro in Frontend Dev with FrontendPro.dev! 🚀</h1> <button>Increase Your Skill Level: <span id="level">0</span></button> <script src="src/index.js"></script> </body> </html>
"Building projects is by far the best way to get better at programming, but most people don't know what to build. FrontendPro is a great resource for developers looking for new and exciting challenges to take their frontend development skills to the next level!"
James Q Quick, Software Developer & Youtuber with 178K+ subscribers
How it works?
Sign up for free in 20 seconds
Connect your GitHub account using Sign Up button. You'll instantly gain access to our all the challenges.
Find the right challenge
Choose the right Frontend challenge for you and start turning the design into a live website.
Share your solution
After completing the Frontend challenge, you can share your work with the world and get feedback from the community members.
Featured Challenges
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
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
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
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
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
Featured Solutions
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...
galaxy42767 hours ago
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...
abcxyz314 days ago
htmlcssjavascript
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 ...
Henry Sanderson Viyuyi4 days ago
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...
Kamal Hossan6 days ago
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 ...
Katrien S6 days ago
htmlcssjavascript
Random Quote Generator
This frontend challenge wil be a fun one. You'll use a Random Quote API to get the quotes.
Rishi Purwar10 days ago
Featured Resources
JAVASCRIPT
Namaste 🙏 JavaScript
Namaste JavaScript is a pure in-depth JavaScript Course released for Free on Youtube. It will cover the core concepts of JavaScrip...
FRONTENDBACKEND
freeCodeCamp
Freecodecamp is one of the best resource for learning web development. Most Importantly! It's free and opensource.
FRONTEND
The Net Ninja: React Course
In this complete modern React tutorial we'll learn about React from the ground up - setup, JSX templates, components & events.
WEB 3.0
Buildspace
The world's largest network of web3 builders. If you're a developer interested in web3, this is the spot for you.
FRONTEND
CSS Tricks
CSS Tricks is one of the best resource for learning CSS and CSS Tricks. You can learn so many cool CSS Tricks.
Developer Tool
Polypane
The stand-alone browser for ambitious developers that want to build responsive, accessible and performant websites, and save time ...