🧭 Kanban Board Project

드래그 앤 드롭 기능을 활용한 칸반 보드 프로젝트입니다. 할 일 목록을 Todo, In Progress, Done 상태로 관리할 수 있으며, 로컬 스토리지를 활용하여 데이터를 저장합니다.

🔗 배포주소: kanban-pied-eight.vercel.app

✅ 주요 기능

• 드래그 앤 드롭으로 카드 이동
• 할 일 추가, 수정, 삭제 기능
• 반응형 디자인

🗃️ 기술 스택

• Framework: Next.js 14
• Language: TypeScript
• Package Manager: npm
• Global State: Zustand
• Form Management: React Hook Form
• Schema Validation: Zod
• Styling: Tailwind CSS
• Animation: Framer Motion
• Drag & Drop: @dnd-kit/core & @dnd-kit/sortable

🎉 설치 및 실행 방법

1. 저장소 클론

git clone [repository-url]
cd Kanban

2. 의존성 설치

npm install

3. 개발 서버 실행

npm run dev

4. 브라우저에서 확인

http://localhost:3000

✨ 시연 영상

할 일 생성

Screen.Recording.2025-02-16.at.8.41.43.AM.mov

할 일 추가/삭제

Screen.Recording.2025-02-16.at.8.41.17.AM.mov

드래그 앤 드롭

default.mov