Now in BETA.Read moreA platform to build high quality project challenges with beautiful & modular designs, guided by ex-FAANG senior engineers and an active community
Build real world projects to learn and showcase
Explore challenges
80% of challenges are free to do![Billing Plans Section](https://vaqybtnqyonvlwtskzmv.supabase.co/storage/v1/render/image/public/projects-images/billing-plans-section/cover.jpg)
Premium
Billing Plans SectionBuild a billing plans section that incorporates functions for managing subscription plans, including the ability to subscribe, upgrade, and downgrade plans
![Button Component](https://vaqybtnqyonvlwtskzmv.supabase.co/storage/v1/render/image/public/projects-images/button-component/cover.jpg)
+100 rep
Button ComponentBuild a button component capable of showing different states, sizes and icon configurations
![Badge Component](https://vaqybtnqyonvlwtskzmv.supabase.co/storage/v1/render/image/public/projects-images/badge-component/cover.jpg)
+100 rep
Badge ComponentBuild a badge component that can be used for displaying numbers and short text
![404 Section](https://vaqybtnqyonvlwtskzmv.supabase.co/storage/v1/render/image/public/projects-images/404-section/cover.jpg)
+100 rep
404 SectionBuild a responsive and minimal 404 section to indicate that a requested page was not found
![Chat AI](https://vaqybtnqyonvlwtskzmv.supabase.co/storage/v1/render/image/public/projects-images/chat-ai/cover.jpg)
Premium
Chat AIDevelop a responsive web application to interact with Large Language Models (LLMs) like ChatGPT, providing an interactive chat interface where users can send messages and receive responses from an AI
![Billing History Section](https://vaqybtnqyonvlwtskzmv.supabase.co/storage/v1/render/image/public/projects-images/billing-history-section/cover.jpg)
+300 rep
Billing History SectionBuild a responsive payment history section that allows users to view and download their past invoice details
![Billing Information Section](https://vaqybtnqyonvlwtskzmv.supabase.co/storage/v1/render/image/public/projects-images/billing-information-section/cover.jpg)
+300 rep
Billing Information SectionBuild a responsive billing information section that allows users to update their payment method, email, and address details securely
![Account Settings Section](https://vaqybtnqyonvlwtskzmv.supabase.co/storage/v1/render/image/public/projects-images/account-settings-section/cover.jpg)
Premium
+300 rep
Account Settings SectionBuild a responsive account settings interface that allows users to update avatar and account information
![Checkout Section](https://vaqybtnqyonvlwtskzmv.supabase.co/storage/v1/render/image/public/projects-images/checkout-section/cover.jpg)
Premium
Checkout SectionBuild a fully functional and responsive single-page checkout section including all standard checkout functions
Features
Build projects to learn any front end skill using our Skills roadmap
Every project is part of reusable component libraries for your future projects
Guides & solutions from Sr. Engineers and code reviews from community
How it works
![](/_next/image?url=%2Fimg%2Fmarketing%2Fprojects%2Fhow-it-works-step-1.webp&w=3840&q=75)
- Choose and start a project
- We'll provide all the assets that you need - starter code, professional design, API specs, etc.
- Build the project guided by us - refer to official guides, solutions, reference other user's submissions, and discuss with the community
- Submit your project - host your project on any service and submit your Github repo and site url
- Get feedback and code reviews from the community
For learning
We help you learn through building - without tutorial hell
Learn by building real world projects for professionals
Our projects are designed with real world specs meant for professionals, allowing you to hit the ground running with whatever you learn while building them.- Requirement specs by product managers
- Designs by UI/UX designers
We provide everything you need - just start building!
Everything else apart from the actual technical execution has been prepared for you. Just click "Start project", and we will take care of everything else.- Images, style guides, design files
- HTML pre-written content
- Starter files and APIs
Get the right practical foundation from the get-go
All our challenges come with at least 1 official solution (coming soon) and step-by-step guide from senior big tech engineers. Learn best practices as early as possible.- Official solutions
- Practical guides
- Written by ex-FAANG senior devs
Train any front end skill from beginner to advanced
Our Skills Roadmap tells you the exact projects to build to train the skill you need - whether you are a complete beginner or senior engineer filling a skill gap.- Holistic front end skill roadmap
- Suggests best projects for skill
- Curated learning resources
Gamify your learning and track your progress
Don't worry about losing steam. Track your progress and level up as you learn and grow.- Reputation and leveling system
- Earn reputation points for productive tasks
- Progress tracking dashboard
Learn together with like-minded others
Our platform was built to support community-driven development. From project discussion to code reviews and approach sharing, you will never feel alone in your learning.- Reference others' approaches
- Review other's code on-platform
- Clarify doubts in forums
For learning
Our projects are designed to make for an impressive portfolio, even for seniors
Beautiful designs made by high-end designers
Every project challenge was designed by senior UI/UX designers with perfect spacing units and design rules, so that your portfolio projects will always look professional.Build personalized projects, instead of the same as everyone else
Unlike other challenge platforms, all our projects are modular with one other as they are constructed with the same design system. Easily mix and match any component or project you build to craft a unique app.Impress recruiters with component libraries and designs systems
Our Component Tracks allow you to build entire design systems or component libraries from scratch – including very practical ones like Marketing, E-Commerce and Web Applications.
Useful into the future
Each project you build adds to your permanent toolkit
Our projects are never one-off - they always fit into some component library or design system with other projects. Any projects you build can be composed to build future projects, forming an ever-growing toolkit for your future.
Never waste your time building one-off projects again!
Never waste your time building one-off projects again!