Todo Application using Redux

Start json-server from Backend dir

• run json-server --watch db.json

To visualize project from frontend dir

• run npm run dev

reqres - email for login

email - eve.holt@reqres.in password - anything

Components dir

• Todo.jsx - parent of below components check[x]
• TodoItem.jsx -> to display check[x]
• TodoInput.jsx -> to take input check[x]
• AllRoutes.jsx -> check[x]
• PrivateRoutes.jsx -> check[x]
• Error.jsx -> check[x]
• Loading.jsx -> check[x]
• Login.jsx -> check[x]

Redux Directory Structure

Todo Dir

- action.js
- actionItem.js
- reducer.js

app_State Dir

- action.js
- actionItem.js
- reducer.js

Login Dir

- action.js
- actionItem.js
- loginReducer.js

Theme Dir

- action.js
- actionItem.js
- customTheme.js
- themeReducer.js

Store.js

Tech stack

• react
• axios check [x]
• react router dom check [x]
• redux and react redux check [x]
• redux-thunk
• chakra ui