https://github.com/iamnaveen8851/todo-application

Created Todo-App using Redux integrated with Json-Server
https://github.com/iamnaveen8851/todo-application

chakra-ui json-server react reactredux reactrouterdom redux redux-thunk todoapp

Last synced: 1 day ago
JSON representation

Created Todo-App using Redux integrated with Json-Server

• Host: GitHub
• URL: https://github.com/iamnaveen8851/todo-application
• Owner: iamnaveen8851
• Created: 2024-04-07T08:31:43.000Z (8 months ago)
• Default Branch: main
• Last Pushed: 2024-04-08T14:15:59.000Z (8 months ago)
• Last Synced: 2024-04-08T17:31:45.167Z (8 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 - [email protected]

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