Todo app

배포 링크 : https://hyuk-todo-app.vercel.app/

소개

회원가입을 한 뒤, 로그인하여 Todo 추가, 수정, 삭제 기능을 이용할 수 있습니다.
로그인을 하지 않으시면 Todo app을 이용하실 수 없습니다.

프로젝트 실행 방법

git clone https://github.com/hyukzz/wanted-pre-onboarding-frontend.git
npm install

npm start

데모 영상

1. 회원가입	2. 로그인	3. 로그아웃

4. Todo 추가	5. Todo 수정	6. Todo 삭제

Stacks

• React
• TypeScript
• Axios
• Tailwind CSS
• React-Toastify

배포 -> Vercel

폴더 구조

📦src
 ┣ 📂@types
 ┃ ┗ 📜types.d.ts
 ┣ 📂api
 ┃ ┣ 📜api.ts
 ┃ ┣ 📜signApi.ts
 ┃ ┗ 📜todoApi.ts
 ┣ 📂assets
 ┃ ┗ 📜signout_icon.png
 ┣ 📂components
 ┃ ┣ 📜Confirm.tsx
 ┃ ┣ 📜SignOut.tsx
 ┃ ┣ 📜TodoCreate.tsx
 ┃ ┣ 📜TodoItem.tsx
 ┃ ┗ 📜TodoList.tsx
 ┣ 📂hooks
 ┃ ┣ 📜useAuth.ts
 ┃ ┣ 📜useRouter.ts
 ┃ ┣ 📜useSignForm.ts
 ┃ ┣ 📜useSignSubmitForm.ts
 ┃ ┗ 📜useTodo.ts
 ┣ 📂pages
 ┃ ┣ 📜SignIn.tsx
 ┃ ┣ 📜SignUp.tsx
 ┃ ┗ 📜Todo.tsx
 ┣ 📂utils
 ┃ ┗ 📜toast.ts
 ┣ 📜App.tsx
 ┣ 📜index.css
 ┣ 📜index.tsx
 ┗ 📜router.tsx