heerachoi / todo-list-redux-typescript

Todolist with Redux

Project Duration: 2022.12.13 - 12.15

📖 Table of Contents

• 📝 About The Project
• 💡 Skills Stack
• 📍 Project Link
• 🗂 Directory Layout
• 🎯 Setting Up

📝 About The Project 🔝

리덕스를 활용한 할일들을 추가, 삭제, 및 상세보기가 가능합니다.

💡 Skills Stack 🔝

📍 Project Link 🔝

https://react-to-do-list-alpha.vercel.app/

🗂 Directory Layout 🔝

📦src
 ┣ 📂app
 ┣ 📂component
 ┃ ┣ 📂Details
 ┃ ┃ ┣ 📜TopdoDetails.jsx
 ┃ ┃ ┗ 📜style.js
 ┃ ┣ 📂Form
 ┃ ┃ ┣ 📜Form.jsx
 ┃ ┃ ┗ 📜style.js
 ┃ ┣ 📂Header
 ┃ ┃ ┣ 📜Header.jsx
 ┃ ┃ ┗ 📜style.js
 ┃ ┣ 📂TodoItem
 ┃ ┃ ┣ 📜TodoItem.jsx
 ┃ ┃ ┗ 📜style.js
 ┃ ┗ 📂TodoList
 ┃ ┃ ┣ 📜TodoList.jsx
 ┃ ┃ ┗ 📜style.js
 ┣ 📂pages
 ┃ ┣ 📜Details.jsx
 ┃ ┣ 📜Home.jsx
 ┃ ┗ 📜style.js
 ┣ 📂redux
 ┃ ┣ 📂config
 ┃ ┃ ┗ 📜configStore.js
 ┃ ┗ 📂modules
 ┃ ┃ ┗ 📜todos.js
 ┣ 📂routers
 ┃ ┗ 📜Router.js
 ┣ 📜.DS_Store
 ┣ 📜App.jsx
 ┣ 📜index.css
 ┣ 📜index.js
 ┗ 📜setupTests.js

🎯 Setting Up 🔝

npx npx create-react-app todo-list-redux --template redux
cd todo-list-redux
npm start