Improve your Front-end and Backend Coding Skills by building real projects

Solve real-world HTML, CSS, JavaScript, Php, Python challenges whilst working to professional designs. Join other developers building projects, reviewing code, and helping each other get better.

Start a ProjectTry a Challenge
hero image desishub

Join WhatsApp Group

We have Created a WhatsApp Group, so that you can interact with others and get all Updates and help in time👇. See you

Join Group

Exercises (11)

landing-page-design

AirMax Product Detail Page

HTML

CSS

JS

Senior

In this challenge, you'll build a beautiful product page. We'll be putting your HTML and CSS skills to the test by building the Airmax sneakers product detail page. You can also test your JS skills by adding a cart functionality.

following-stats-profile-card

Following Stats profile card

HTML

CSS

JS

Junior

This is a great small challenge to help get you used to building to a design. There's no JS in this project, so you'll be able to focus on your HTML & CSS skills. However if you wish to add JS, your highly encouraged.

chair-ecommerce-ui-card

Chair ecommerce ui Card

HTML

CSS

JS

Intermediate

In this challenge, you'll build a beautiful product page. We'll be putting your HTML and CSS skills to the test by building the Modern Chair product detail page. You can also test your JS skills by adding a cart functionality.

developer-statistics-card

Developer Statistics Card

HTML

CSS

Junior

This is a great small challenge to help get you used to building to a design. There's no JS in this project, so you'll be able to focus on your HTML & CSS skills.

fashion-ecommerce-ui-card

Fashion ecommerce ui Card

HTML

CSS

JS

Senior

In this challenge, you'll build a beautiful product page. We'll be putting your HTML and CSS skills to the test by building the Clothing product detail page. You can also test your JS skills by adding a cart functionality.

lamp-ecommerce-product-page

Lamp ecommerce product Page

HTML

CSS

JS

Intermediate

In this challenge, you'll build a beautiful product page. We'll be putting your HTML and CSS skills to the test by building the Kajuta Lamp product detail page. You can also test your JS skills by adding a cart functionality.

product-ecommerce-card

Product Ecommerce Card

HTML

CSS

JS

Intermediate

In this challenge, you'll build a beautiful product page. We'll be putting your HTML and CSS skills to the test by building the Grinder product detail page. You can also test your JS skills by adding a cart functionality.

modern-ecommerce-ui-design

Modern Ecommerce Ui design

HTML

CSS

JS

Senior

In this challenge, you'll build a beautiful product page. We'll be putting your HTML and CSS skills to the test by building the Modern Modern Ecommerce ui product detail page. You can also test your JS skills by adding a cart functionality.

bicycle-ecommerce-ui-card

Bicycle ecommerce ui Card

HTML

CSS

JS

Intermediate

In this challenge, you'll build a beautiful product page. We'll be putting your HTML and CSS skills to the test by building the Bicycle product detail page. You can also test your JS skills by adding a cart functionality.

slanted-edge-profile-card

Slanted Edge Profile Card

HTML

CSS

JS

Junior

This is a great medium challenge to help get you used to building to a design. There's no JS in this project, so you'll be able to focus on your HTML & CSS skills.

product-preview-card

Product Preview Card

HTML

CSS

JS

Junior

This HTML & CSS-only challenge from frontmentor will be perfect for anyone starting to build responsive projects.

Challenges (11)

password-generator

Password Generator

HTML

CSS

JS

Intermediate

This app will be an excellent test of your HTML, CSS, and JS skills. You'll build custom form controls and use JavaScript to generate random passwords.

hero-section-with-navigation

Hero Section with Navigation

HTML

CSS

Senior

This challenge will test your ability to create a navigation menu with dropdown and buttons, then hero section with common patterns on larger sites. It will also provide some nice basic layout challenges.

entertainment-web-app

Entertainment Web App

HTML

CSS

JS

Senior

This multi-page entertainment web app will have you working with JSON data, routing, state management, and search functionality and building UI

photograph-portfolio-website

Photograph Portfolio Website

HTML

CSS

JS

Intermediate

This project will test your layout skills, especially in making the site fully responsive. This is a perfect chance to practice CSS Grid and CSS Flex-box

classic-register-form

Classic Register Form

HTML

CSS

JS

Senior

In this challenge, you'll build a Register Page. We'll be putting your HTML, CSS and JS skills to the test by building designing the Layout and also adding JS Form Validations, Show/Hide Password Functionality

photograph-portfolio-website

E-commerce product page

HTML

CSS

JS

Intermediate

In this challenge from frontmentor, you'll build a beautiful product page. We'll be putting your JS skills to the test with a lightbox product gallery and cart functionality!

tip-calculator

Tip Calculator

HTML

CSS

JS

Intermediate

This small app from Frontmentor is perfect for anyone starting to get to grips with JavaScript. The calculator functionality will be a nice test!

skillshare-login-popup

Skillshare Login Popup

HTML

CSS

JS

Intermediate

In this challenge, you'll build a beautiful Skillshare Login Popup. We'll be putting your HTML, CSS and JS skills to the test by building designing the Layout and also adding the Modal Functionality

login-page

Login Page

HTML

CSS

JS

Intermediate

In this challenge, you'll build a Login Page. We'll be putting your HTML, CSS and JS skills to the test by building designing the Layout and also adding JS Form Validations

stats-preview-card-component

Stats preview card component

HTML

CSS

Intermediate

This is a great small challenge to help get you used to building to a design. There's no JS in this project, so you'll be able to focus on your HTML & CSS skills.

launch-countdown-timer

Launch countdown timer

HTML

CSS

Intermediate

This will be a fun one! Your challenge is to build this countdown timer. There are lots of small CSS tests in the design as well. So it should keep you busy!

Projects (4)

creative-portfolio-website

Creative Portfolio Website

HTML

CSS

JS

Senior

In this Challenge, build a responsive creative portfolio website and populate it with your own details and project. It will a great chance to test your HTM CSS and JS skills.

coffee-website-landing-page

Coffee Website Landing Page

HTML

CSS

JS

Senior

This challenge will be a perfect test of your layout ,responsive skills and JS skills. There's a bit of JS for the mobile menu and Carousel cards, but the focus is HTML & CSS.

e-learning-website-landing-page

E-learning Website Landing Page

HTML

CSS

JS

Senior

This responsive page is perfect if you've learned the fundamentals of HTML & CSS, completed a couple of smaller projects, and want to take it up a notch.

url-shortening-api-landing-page

URL shortening API landing page

HTML

CSS

JS

API

Senior

Integrate with the shortcode URL shortening API and play with browser storage in this landing page challenge.