루틴과 태스크 수행 기록을 날짜별로 관리하고 달성 추이를 시각화하는 반응형 웹서비스입니다. [담당 범위] 프론트엔드 설계 및 구현, 상태 관리, REST API 연동, 인증 흐름, 반응형 UI, 테스트와 배포를 담당했습니다. [주요 기능] - 루틴과 태스크 생성, 수정, 삭제 - 상태별 필터, 검색, 정렬 - 날짜별 태스크 완료 기록과 달성률 계산 - 통계 대시보드와 달성 추이 시각화 - JWT 인증 및 만료 처리 - 모바일 하단 내비게이션과 데스크톱 사이드바 [기술] React 19, TypeScript, Vite, TanStack Query, Zustand, Tailwind CSS, Express, Prisma, PostgreSQL 서버 상태는 TanStack Query, 인증 및 UI 상태는 Zustand로 분리했습니다. 계정 전환 시 사용자별 캐시를 격리하고, 데이터 변경 후 목록, 상세, 대시보드가 일관되게 갱신되도록 쿼리 키와 무효화 흐름을 구성했습니다. 프로필에 등록된 웹사이트 링크의 로그인 화면에서 게스트로 체험하기를 선택하면 회원가입 없이 확인할 수 있습니다. 무료 서버 특성상 첫 요청은 다소 지연될 수 있습니다.

Rootin 루틴 달성률 및 통계 대시보드 화면