DEV Community

Narender Saini
Narender Saini

Posted on

Project ideas for React beginners with demo 2020

Project ideas for React beginners with demo 2020

This is the most asked question to me from new students i.e what are the different project that I can create to familiarize with the React. So, I decided to create a list for helping beginners to help them in there journey. In this post we basically gonna talk about what are the different Project ideas for React beginners that they can build.

1. Basic Calculator

Project ideas for React  calculator

You can create a basic calculator with React. Which simply gonna perform most of the mathematical operations using the basic React concepts. It will definitely gonna be a Stateful component. Where you need to render digits, operations and one div for displaying the values.

Demo 1

Demo 2

Demo 3

2. Todo App

Project ideas for React  todo list

A todo App is basically gonna be an app where you gonna add new items to a list and you also gonna remove selected items using the array and the states.

Demo 1

Demo 2

Demo 3

3. React Clock

Project ideas for React  clock

In the React Clock we basically gonna show the current time in the UI. You can add seconds and some cool styling to make it pretty.

Demo 1

Demo 2

Demo 3

4. Light bulb

light bulb idea

In this project idea you initially gonna show few light bulb in off condition and whenever you gonna click on any bulb it will switch back to on condition.

Demo 1

Demo 2

Demo 3

Demo 4

5. Cards

With the cards project you basically gonna create reusable cards which gonna display some information like title, description, images and few links.

Demo 1

Demo 2

Demo 3

I hope you have liked whole list of Project ideas for React beginners with demo 2020. If you have any new ideas please comment in comment section. 🙂

How to create Carousel component in React using react-slick

https://blogreact.com/

Top comments (0)