kimploo/react-basic-todo

TODO 애플리케이션 with React, Redux

주요 기능

• TODO 애플리케이션

  • TODO create
  • TODO edit (상태, 텍스트)
  • TODO delete

• redux 적용

  • 디렉터리 구조 설계
  • Fetch API 제작
  • todo slice

• json-server mock server

  • GET /todo
  • POST /todo
  • PUT /todo/{id}
  • DELETE /todo/{id}

./src
├── App.jsx
├── App.module.css
├── Layout.jsx
├── Layout.module.css
├── assets
│   └── react.svg
├── components
│   ├── ItemHeader.jsx
│   ├── ItemHeader.module.css
│   ├── ItemInput.jsx
│   ├── ItemInput.module.css
│   ├── SumFooter.jsx
│   └── SumFooter.module.css
├── features
│   ├── api.mjs
│   └── todo
│       ├── api
│       │   ├── createOneTodo.mjs
│       │   ├── deleteOneTodo.mjs
│       │   ├── getAllTodos.mjs
│       │   ├── getOneTodo.mjs
│       │   └── updateOneTodo.mjs
│       └── todo.reducer.js
├── index.css
├── main.jsx
├── store.mjs
└── util
    ├── debounce.ts
    └── timeAgo.ts