/ToDoList

To Do List App in React

Primary LanguageJavaScript

TODOLIST App

ToDoList app is made by React js.

This app has some usable UI that includes Button.js, Card.js, Input.js and Task.js. These are available in ui/ folder.

 

It uses Context/ to manage Data. TaskList, GetAllTasks and CreateNewTask are in TaskHook.js file. These files are shared to other files which may need them.

Data Will saves and keeps in DB by backend.

Also this app uses following hooks:

  • useState
  • useEffect
  • useRef
  • useContext

 

The app just made by two main component where placed in component/ folder which called DisplayList.js and EnterToDo.js.

 

All request will send to backend by fetch. It uses both GET and POST request in this app.

 

In First View we'll see this structure:

image

 

How to run:

 

1. First enter the main folder:

cd todolist

 

2. Then install node modules folder:

npm install

 

3. Finally run the app by this command:

npm start

 

I Will be So happy if you give me feedback by this project :)