synuns / todolist

toDoList with React

toDoList

▶프로젝트 보러가기

🔨기술 스택

📆개발 기간

v1.0.0 : 2022.11.29 ~ 2022.11.30

v1.1.0 : 2022.12.6 ~ 2022.12.8

🕹주요 기능

• 할 일 추가
• 할 일 삭제
• 할 일 완료
• localStorage 저장
• 최소한의 반응형 구현

🖼컴포넌트 구성

📦src
 ┣ 📂components
 ┃ ┣ 📂common
 ┃ ┃ ┣ 📜Button.jsx
 ┃ ┃ ┣ 📜Container.jsx
 ┃ ┃ ┣ 📜IconButton.jsx
 ┃ ┃ ┣ 📜Input.jsx
 ┃ ┃ ┣ 📜Layout.jsx
 ┃ ┃ ┣ 📜Subtitle.jsx
 ┃ ┃ ┗ 📜Tooltip.jsx
 ┃ ┣ 📜Empty.jsx
 ┃ ┣ 📜InputForm.jsx
 ┃ ┣ 📜ToDoBox.jsx
 ┃ ┣ 📜ToDoCard.jsx
 ┃ ┗ 📜TopBar.jsx
 ┣ 📂pages
 ┃ ┣ 📜Details.jsx
 ┃ ┗ 📜Home.jsx
 ┣ 📂redux
 ┃ ┣ 📂config
 ┃ ┃ ┗ 📜configStore.js
 ┃ ┗ 📂modules
 ┃ ┃ ┗ 📜toDoList.js
 ┣ 📂shared
 ┃ ┗ 📜Router.jsx
 ┣ 📂styles
 ┃ ┗ 📜GlobalStyle.js
 ┣ 📂utils
 ┃ ┗ 📜date.js
 ┣ 📜App.jsx
 ┗ 📜main.jsx