/react-todo-app

In this react project, you will build a simple HTML list of To Do tasks. The list will be styled according to the specifications listed later in this lesson. This simple web page will be built using webpack and served by a webpack dev server.

Primary LanguageJavaScript

React Tutorial from Scratch– A Step-by-Step Guide (2021 Update)

This repo holds all the code for a React todos application. You can follow the step by step guide to building the awesome project here.

Click to See the Todos App

The code is available in the src folder. In there, you’ll see two folders named classBased and functionBased holding the class component and function component code respectively.

Clone the project

You can download or clone this project by running this command from your terminal:

git clone https://github.com/Ibaslogic/react-todo-app

This will create a directory in the name of the project folder.

Once you have the project files and folders bootstrapped, open it with your text editor.

Next, switch inside the project directory and run:

npm install

This will install all the necessary dependencies in the local node_modules folder.

Finally, start your development server by running:

npm start

You should see the app in your browser address bar at http://localhost:3000