sjoleee / trello-clone

Kanban : DnD으로 ToDo를 관리하는 칸반보드📝 (Trello)

칸반보드

- React와 TypeScript에 익숙해지기 위해 진행한 개인 프로젝트에요.
- Recoil로 상태관리, Beautiful-DnD로 드래그 앤 드롭을 구현했어요.
- 기본적인 투두리스트 앱을 만들었고, Node.js를 활용하여 DB와 연결하기 위해 준비중이에요.

🚀 기술 스택

• React
• TypeScript
• Recoil
• styled-components
• Beautiful-DnD
• React-hook-form

🛠 주요 기능

보드 생성 및 삭제	보드 이동

투두 생성 및 삭제	투두 이동

• Beautiful-DnD 라이브러를 사용하여 드래그 앤 드롭 구현
• 보드와 투두 생성을 위한 input은 react-hook-form 사용
• Recoil로 todo item을 관리
• 카카오 로그인 구현 예정
  • useEffect의 cleanup 함수를 통해 unmount 시점에 DB에 저장하도록 기능 구현 예정

📆 프로젝트 기간

• 22.08.13 ~ 22.08.20