GreatFrontEnd Projects is now in BETA! For a limited time, get 30% off with the promo code BETA30. Check it out! 🚀

Project challenges

Browse all challenges

Start building any project you can dream of to train your front end / full stack skills or to build a useful toolkit.
66 challenges
Testimonial Card
+100 rep
Testimonial CardBuild a simple user testimonial card with key testimonial elements
Go to project
Blog Card
+100 rep
Blog CardBuild a simple blog card displaying details of a blog article
Go to project
Profile Card
+100 rep
Profile CardBuild a simple profile card featuring a user's basic information and links to their social media profiles
Go to project
Button Component
+100 rep
Button ComponentBuild a button component capable of showing different states, sizes and icon configurations
Go to project
Text Input Component
+100 rep
Text Input ComponentBuild a text input component used for collecting user input
Go to project
Collections Grid Section
+100 rep
Collections Grid SectionBuild a responsive dynamic section to display selected product collections
Go to project
Newsletter Section
+300 rep
Newsletter SectionBuild a responsive newsletter subscription section with both client-side and server-side validation
Go to project
Cookie Consent
Premium
Cookie ConsentBuild a responsive cookie banner and preferences dialog backed by a cookie consent management system
Go to project
Product Details Page
Product Details PageBuild a responsive and user-friendly page that highlights product features, images and allow customers to add them to the cart
Go to project
Shopping Cart Section
Premium
Shopping Cart SectionBuild a fully functional and responsive shopping cart section including all standard cart functions
Go to project
Badge Component
+100 rep
Badge ComponentBuild a badge component that can be used for displaying numbers and short text
Go to project
Product Grid Section
+300 rep
Product Grid SectionBuild a responsive and modular section to display specified product listings
Go to project
404 Section
+100 rep
404 SectionBuild a responsive and minimal 404 section to indicate that a requested page was not found
Go to project
About Us Page
Premium
+300 rep
About Us PageBuild a page to display information about a company
Go to project
Account Settings Section
Premium
+300 rep
Account Settings SectionBuild a responsive account settings interface that allows users to update avatar and account information
Go to project
Billing History Section
+300 rep
Billing History SectionBuild a responsive payment history section that allows users to view and download their past invoice details
Go to project
Billing Information Section
+300 rep
Billing Information SectionBuild a responsive billing information section that allows users to update their payment method, email, and address details securely
Go to project
Billing Plans Section
Premium
Billing Plans SectionBuild a billing plans section that incorporates functions for managing subscription plans, including the ability to subscribe, upgrade, and downgrade plans
Go to project
Showing 18 out of 66 challenges