작업(Task)을 관리할 수 있는 간단한 Task Management 웹앱입니다.
Next.js 14(App Router) 기반으로 제작되었으며, LocalStorage를 활용해 사용자 데이터를 저장합니다.
- Live Demo: https://taskboardforme.vercel.app
- GitHub Repo: https://github.com/AnyTHIW/taskboard
- Next.js 14
- React / TypeScript
- TailwindCSS
- LocalStorage
- Vercel Deploy
- 작업 생성 / 수정 / 삭제 (CRUD)
- todo / in-progress / done 상태 관리
- 태그 입력 지원 (쉼표 기반 파싱)
- 우선순위(priority) 설정
- 반응형 UI 디자인
- 다크모드 / 라이트모드 전환
- App Router 기반 구조 최적화
- 로컬 상태 및 LocalStorage 관리 직접 설계
- 태그·우선순위 파싱 중 발생한 버그 해결
- Tailwind custom variables 사용한 애니메이션 구성
- 페이지 렌더링 및 UX 흐름 개선
git clone https://github.com/AnyTHIW/taskboard
cd 레포명
npm install
npm run dev