https://github.com/iamnaveen8851/todo-application
Welcome to our Todo-App project! With Redux for streamlined state management and Json-Server providing a seamless backend, task management has never been easier. Create, track, and complete tasks effortlessly with our intuitive interface. Join us in boosting productivity and simplifying your workflow today!"
https://github.com/iamnaveen8851/todo-application
chakra-ui json-server react reactredux reactrouterdom redux redux-thunk todoapp
Last synced: about 2 months ago
JSON representation
Welcome to our Todo-App project! With Redux for streamlined state management and Json-Server providing a seamless backend, task management has never been easier. Create, track, and complete tasks effortlessly with our intuitive interface. Join us in boosting productivity and simplifying your workflow today!"
- Host: GitHub
- URL: https://github.com/iamnaveen8851/todo-application
- Owner: iamnaveen8851
- Created: 2024-04-07T08:31:43.000Z (about 2 years ago)
- Default Branch: main
- Last Pushed: 2024-04-08T14:15:59.000Z (about 2 years ago)
- Last Synced: 2025-06-03T00:36:55.649Z (12 months ago)
- Topics: chakra-ui, json-server, react, reactredux, reactrouterdom, redux, redux-thunk, todoapp
- Language: JavaScript
- Homepage: https://todo-application-gilt-phi.vercel.app/login
- Size: 68.4 KB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# 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