Check out our FREE Web Developer Track!
Completely free • Community Driven

React Projects

Beginner to advanced React projects for all web developers with a fully guided plan + completely free.

React

Resume Builder Web Application

Have you ever thought of building a beginner-friendly React project and enhance your skills to the next level? Have you ever thought of making the task of resume generation simpler by auto-generating it in awesome templates? If so, this is your chance to grab the idea and start building this cool project.

Author

Girish Thatte

Collaborator(s)

Ayush Kumar Shaw
,
Kiran Suresh

Prerequisite(s)

JavaScript, React Basics
15 hours
Difficulty: Beginner

Skills to be Learned

Node.js Basics
Web Application Development
Material UI
Download Project

Amazon clone using React

Nowadays the first thing that someone does when they create a new business for trading goods is to convert their commerce to e-commerce. Many businesses even prefer to have e-commerce as their only mode of doing business. The potential of e-commerce is nearly limitless, reason for which we'll be going on a ride to create an e-commerce solution of our own!

Author

Ayush Kumar Shaw

Collaborator(s)

Mridula Reddy,
Kiran Suresh

Prerequisite(s)

HTML, CSS, JavaScript
100 hours
Difficulty: Advanced

Skills to be Learned

React.js
Stripe
Firebase
Download Project

Online Code Editor (React)

Want to take your frontend development skills to the next level? Build an online code editor in React and start using it to edit your source code. All you enthusiastic frontend developers reading this, make sure to tick this off from your bucket list of react projects for beginners.

Author

Kevin Paulose

Collaborator(s)

Kiran Suresh
,
Mridula Reddy

Prerequisite(s)

HTML, CSS, React (Intermediate level)
35 hours
Difficulty: Intermediate

Skills to be Learned

React
Web development
Website hosting
Download Project

450 DSA Tracker

450 DSA Tracker helps you build your confidence in solving any coding related question and helps you prepare for your placements.

Author

Sounish Nath

Collaborator(s)

Ayush Kumar Shaw
,
Kiran Suresh

Prerequisite(s)

React
40 Hours
Difficulty: Intermediate

Skills to be Learned

TypeScript
Building Custom Context APIs
Custom Hooks
IndexedDB
Notify when download is available

Slack clone using React

If you’ve been looking for challenging react native projects to apply React-Redux concepts along with an opportunity to get acquainted with the fundamentals of Firebase databases, this is the perfect project to include in your resume. By the end of this project, you will be flaunting a web messaging app that provides useful features similar to Slack.

Author

Kevin Paulose

Collaborator(s)

Mridula Reddy,
Kiran Suresh

Prerequisite(s)

React, Redux (Basic Level)
80 hours
Difficulty: Advanced

Skills to be Learned

Advanced React - Redux
Firebase
Web application development
Website hosting
Notify when download is available

Markdown Editor

Though writing is a hobby, it has become vital for people to write blog posts and to express their thoughts. For achieving the same, you have to write markdown to render as in HTML. Markdown is a way to style text on the web. You control the display of the document. Formatting words as bold or italic, adding images, creating lists, etc., are just a few of the things we can do with Markdown.

Author

Sounish Nath

Collaborator(s)

Ayush Kumar Shaw
,
Mridula Reddy

Prerequisite(s)

React
5 hours
Difficulty: Beginner

Skills to be Learned

Custom Hooks
React Markdown
Context API
Notify when download is available

Rat in a Maze

A simple web app made using React that shows all the possible paths a rat can take from top left to bottom right of a square maze with fixed obstacles in between. The app will be a visualisation of the famous Rat in a Maze problem.

Author

Shubham Chhimpa

Collaborator(s)

Kevin Paulose
,
Kiran Suresh

Prerequisite(s)

JavaScript, ReactJs(Beginner), Data Structure and Algorithm
10 hours
Difficulty: Beginner

Skills to be Learned

ReactJs
Backtracking
Recursion
Problem Solving
Web development
Notify when download is available

Explore our Categories

Submit Project

Submit your Projects

Would you like to contribute your own projects to Crio Projects Hub? Share your project with us and we will work with you to feature it here.