logo

Challenges

Challenges

Ecommerce App
Hard

Ecommerce App

ReactFirebase

This ecommerce app will be an excellent opportunity to practice your React skills. There will be lots of tricky decisions to make and plenty of learning opportunities!

Collaborative Text Editor
Hard

Collaborative Text Editor

ReactNodeJSMongoDBSocket.io

This project will be an excellent test for your Fullstack skills like React, Node.js and MongoDB! You'll be building a collaborative text editing platform like Google Docs.

News Website
Easy

News Website

HTMLCSSJavascript

This news homepage will be an excellent opportunity to practice your CSS Grid skills and Rest API. There will be lots of tricky decisions to make and plenty of learning opportunities!

E-learning Landing page
Easy

E-learning Landing page

HTMLCSS

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.

Interactive Rating Site
Easy

Interactive Rating Site

HTMLCSSJavascript

This is a nice, small project to practice handling user interactions and updating the DOM. Perfect for anyone who has learned the basics of JavaScript!

Password Generator App
Medium

Password Generator App

HTMLCSSJavascript

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.

Multi Step form
Medium

Multi Step form

HTMLCSSJavascript

An excellent test for your form-building and JS skills, this project will pose many challenges along the way to completion.

Online Code Editor
Medium

Online Code Editor

React

In this project, you'll build a fully-functional online code editor for building a website using HTML, CSS and Javascript

Kanban Task Management App
Hard

Kanban Task Management App

ReactFirebase

In this project, you'll build a fully-functional task management app. This project will help you excel on your Fullstack skills.

Quizizz - A Quiz Application
Medium

Quizizz - A Quiz Application

React Native

This quiz app project will test you on many levels. You'll be working with some JSON data, managing state, plus a lot more. You can even build it out as a full-stack mobile app!

Hulu Clone App
Medium

Hulu Clone App

React

This multi-page entertainment web app will have you working with OMDB API, routing, state management, and search functionality.

Invoice app
Hard

Invoice app

HTMLCSSJavascript

This invoicing app project will test you on many levels. You can have your own data in a JSON file, managing state, plus a lot more. You can even build it out as a full-stack app!

Weather Forecasting App
Easy

Weather Forecasting App

HTMLCSSJavascript

This challenge will have you working with external APIs to get data based on a visitor's location. You'll also be using logic to get the weather based even on latitude and longitude.

Social Media App
Hard

Social Media App

ReactNodeJSMongoDBAWSSocket.io

Want to be a full stack developer and take your skills from HTML, CSS and JS to beyond? Build this full stack application where you will get to learn about building modern, fast and scalable web applications

Resume Builder Application
Medium

Resume Builder Application

ReactJavascript

Have you ever thought of building a beginner-friendly React project and enhance your skills to the next level? This project will make resume generation simpler by auto-generating it.

REST Countries Website
Easy

REST Countries Website

HTMLCSSJavascript

If you're wanting to test your JavaScript skills this is the challenge for you. Use whichever JS framework you prefer and pull data from the REST Countries API.

Rock, Paper, Scissors Game
Medium

Rock, Paper, Scissors Game

HTMLCSSJavascript

This challenge will test your HTML, CSS and JavaScript skills. There's even a Rock, Paper, Scissors, Lizard, Spock version if you really want to challenge yourself.

GitHub User Search App
Easy

GitHub User Search App

HTMLCSSJavascript

In this project, you'll use the GitHub users API to pull profile data and display it. It's a great challenge if you're looking to practice working with a 3rd-party API.

Todo Web App
Medium

Todo Web App

HTMLCSSJavascript

The classic todo app with a few twists! This app includes drag & drop reordering for anyone wanting an extra test.

Password Manager App
Hard

Password Manager App

React NativeFirebase

You will be creating a React Native application which helps to generate a very strong password for security of your account and makes them available whenever you need.

URL Shortener Website
Medium

URL Shortener Website

HTMLCSSJavascript

This project will give you confidence in your knowledge and solidify each concept on HTML, CSS and Javascript.

Instagram Clone App
Hard

Instagram Clone App

React NativeFirebase

This challenge will test your React Native app skills and also how you understand an existing app. This will help you create more realtime apps.

IP Address Tracker
Medium

IP Address Tracker

HTMLCSSJavascript

In this challenge, you'll be using two separate APIs together to create an IP Address Tracking app. This project will help you test your skills on REST API.

Digital Clock Website
Easy

Digital Clock Website

HTMLCSSJavascript

This challenge will have you working with Date modules in Javascript. It helps you excel on Javascript

NFT Card component
Easy

NFT Card component

HTMLCSS

This HTML & CSS only challenge is perfect for anyone just starting out or anyone wanting a small project to play around with.

Developer portfolio
Easy

Developer portfolio

HTMLCSSJavascript

Test your HTML and CSS skills with this portfolio site. Basic JS knowledge is needed for the form validation. You can even customize and use this as your own site!

Tic Tac Toe game
Medium

Tic Tac Toe game

HTMLCSSJavascript

This classic practice project for web developers is a great exercise to complete. It will test your HTML semantics, your grid layout skill, as well as your JS logic.

Markdown Editor
Medium

Markdown Editor

HTMLCSSJavascript

In this project, you'll build a fully-functional in-browser markdown editor application with a light/dark mode toggle. It's also perfect to build as a full-stack app!

Calculator app
Easy

Calculator app

HTMLCSSJavascript

This calculator app will be a great test of your CSS and JS skills especially. If you're wanting to practice using Grid, this challenge will be perfect for you!

Tax Landing Page
Medium

Tax Landing Page

HTMLCSSJavascript

This challenge will really test your layout skills. There are also areas that will require some JavaScript, such as the tabbed pricing section and the FAQ accordion.

Photo Editor
Medium

Photo Editor

React

If you're wanting to test your CSS skills this is the challenge for you. Use whichever JS framework you prefer and you can have even more features to it.

New Year Countdown Timer
Easy

New Year Countdown Timer

HTMLCSSJavascript

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!

Pomodoro App
Easy

Pomodoro App

HTMLCSSJavascript

This Pomodoro app will provide some tricky challenges, including building a circular progress bar. You'll also build a range of customizations, like colors and fonts.

Project Management System
Hard

Project Management System

ReactNodeJSMongoDB

In this challenge you'll be creating a PMS which include creating and editing content, reporting and tracking content performance, role-based administration, and more.

Video Conferencing Website
Hard

Video Conferencing Website

ReactSocket.ioNodeJS

This challenge will help you test your skills on Socket.io and WebRTC. This project will be challenging as this is going to be a Fullstack Build

Music Streaming App
Hard

Music Streaming App

React

A music app is one of the most common full-stack app challenge. Everyone loves music. But what can you do to make your music streaming app better?

FAQ accordion card
Easy

FAQ accordion card

HTMLCSSJavascript

In this challenge, you'll be building out an FAQ accordion. This is an extremely common front-end pattern, so it's a great opportunity to get some practice in!

Marketing Agency Landing Page
Medium

Marketing Agency Landing Page

HTMLCSSJavascript

This challenge will provide a nice test for your layout skills. If you're ready to move up from Junior challenges, this one is a great next step.

Authentication API
Medium

Authentication API

NodeJSMongoDB

An end to end application which demonstrates how we can implement authentication in an application using Node.js and JSON Web Tokens and some good practices.

Coming Soon Page
Easy

Coming Soon Page

HTMLCSSJavascript

This challenge is great for beginners and offers a chance to practice basic client-side form validation.

Blog Website
Hard

Blog Website

ReactFirebase

A blog is often the product of a content management system. This challenge helps you build better CMS.

Exchange Rate App
Medium

Exchange Rate App

React Native

This challenge will test your React Native skills. An exchange rate is an app or web tool that allows for the quick conversion of any currency into any other currency.

Interactive Comments Page
Easy

Interactive Comments Page

HTMLCSSJavascript

This is project will put your JavaScript skills to the test. We provide a JSON file to pull the data, but it's also a perfect project to build as a full-stack CRUD app!

Expense Tracker Landing Page
Medium

Expense Tracker Landing Page

HTMLCSSJavascript

This HTML & CSS only challenge is perfect if you're starting to get a bit comfortable with your layout skills. The responsive layout shifts will also be a great test!

Real Time Tweet Website
Medium

Real Time Tweet Website

NodeJSSocket.ioHTML

This challenge will test your skills on Node.js and Socket.io. This project will be challenging as you are also going to use Twitter API.

Collaborative Whiteboard
Hard

Collaborative Whiteboard

ReactNodeJSSocket.ioMongoDB

This project will be an excellent test for your Fullstack skills like React, Node.js and Socket.io! You'll be building a collaborative whiteboard platform like Google Jamboard.

Voice Powered News App
Medium

Voice Powered News App

React

This challenge will test your skills on React. This project will be challenging as you are also going to integrate a thrid party API.

Google Search Clone
Hard

Google Search Clone

ReactTypescript

This is project will put your React skills to the test. We provide a REST Api to pull the data, but it's also a perfect project to build as a full-stack app!

Testimonials Section
Easy

Testimonials Section

HTMLCSS

This challenge will be perfect practice for anyone wanting to test their CSS Grid skills. Grid is such a powerful addition to CSS, so it's worth getting to grips with it!

Advice Generator Website
Easy

Advice Generator Website

HTMLCSSJavascript

The perfect project if you're learning how to interact with 3rd-party APIs. This challenge uses the Advice Slip API to generate random quotes of advice.

E-commerce Product Page
Medium

E-commerce Product Page

HTMLCSSJavascript

In this challenge, 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!