Practice Reactjs building interactive projects

What to build with Reactjs

Practice and develop your coding skills by building real live interactive autograded projects with solutions and video tutorials

  • node

  • javascript

  • reactjs

JWT Authentication with Node and React

  • intermediate

Almost every website in the world has user authentication, in this project you have to implement user authentication using NodeJS for building a backend REST API and React.js and sessionStorage API for the front end web application.

Start project
  • reactjs

  • flux

  • context-api

Create a Todolist with Context.API and Flux

  • intermediate

Use Flux for the first time, learn how to organize you application in a centralized store and how to replicate changes and notify using the Context.API

Start project
  • python

  • javascript

  • reactjs

Authentication system with Python Flask and React.js

  • beginner

Almost every website in the world has user authentication, in this project you have to implement user authentication using the Python Flask framework for building a backend REST API and React.js and sessionStorage API for the front end web application.

Start project
  • javascript

  • reactjs

  • flask

Final Project User Stories & Wireframes

  • intermediate

Create the users stories for your final project

Start project
  • bootstrap

  • html-css

  • reactjs

Personal Portfolio with React

  • easy

Steps to create your first personal porfolio using React.js

Start project
  • javascript

  • reactjs

  • react-hooks

Audio player like Spotify with React.js

  • intermediate

Use the audio tag to create your own music player

Start project
  • javascript

  • reactjs

  • fetch-api

Todolist Application Using React and Fetch

  • beginner

Create a simple todo web app using the React.js framework and use the API to sync with the server

Start project
  • javascript

  • reactjs

  • react-hooks

TicTacToe with React.js

  • easy

Create a simple tictactoe 2 player game (no AI), using the React.js framework

Start project
  • javascript

  • reactjs

  • git

Multi View React Web App

  • easy

Create a web app using React router and Context

Start project
  • javascript

  • html-css

  • reactjs

The Meetup.com Clone using react.js

  • intermediate

Use React and HTTP Fetch to create a Meetup.com clone

Start project
  • javascript

  • reactjs

  • react-hooks

Contact List App Using React & Flux

  • intermediate

Create a simple contact list application using the React.js framework and Flux Architecture

Start project
  • javascript

  • reactjs

  • react-hooks

Simple Counter

  • beginner

Use your react.js skills to make a simple counter component

Start project
  • javascript

  • reactjs

  • react-hooks

Traffic Light

  • beginner

Create a small react component with its own state and event listeners

Start project
  • bootstrap

  • javascript

  • html-css

Landing Page with React

  • easy

Create a simple landing page using React.js components

Start project
  • javascript

  • reactjs

  • flux

Contact List App Using React & Context

  • intermediate

Create a simple contact list application using React.js

Start project
  • javascript

  • reactjs

  • react-router

Starwars blog reading list

  • intermediate

Create a simple to-read website for Star Wars fans. Use the SWAPI to fetch and React + React Router + Context to save the reading list.

Start project
  • javascript

  • html-css

  • reactjs

Todolist Application Using React

  • easy

Create a simple todo web app using the React.js framework

Start project