<aside>
👉 Todo Tamers에 합류하시겠습니까?
카테고리 별로 계획을 세어 지켜나가는 Todo List 서비스
계획 해결에 따른 보상을 얻어 나만의 펫을 성장시키는 서비스
펫을 키우겠다는 동기부여가 있어, 다른 Todo App과 차별화된 경험 제공
</aside>
👩🏻💻 기술 스택
recat
typescript
styled components
express
js
jwt
mongoDB
axios
🚀 기능 소개
- 카테고리&투두
- 카테고리 생성, 수정, 삭제, 종료 기능
- 카테고리 별 투두 생성 가능
- 투두 생성 폼
- 할 일 입력하고 enter를 누르면 연속 생성
- 할 일 입력하고 폼 이외의 영역 클릭하면 투드 리스트에 등록
- 투두 삭제 / 수정
- 미트볼 버튼 클릭시 삭제 또는 수정을 선택할 수 있는 드롭다운
- 투두 완료시 특정 확률로 보상 지급
- 미니펫
- 캐릭터 애니메이션
- 펫 레벨에 따라 캐릭터 변화
- 토스트 알림
- 보상관련 알림 기능(일반, 특별한, 이미 받은, 일일 보상 제한, 인벤토리 초과 알림)
- 캘린더
- 주간, 월간 전환 가능
- 투두 개수에 따른 색 변화
- 오늘 날짜는 검정, 선택한 날짜는 파랑으로 표시
- 펫 키우기
- 현재 펫의 경험치와 4가지 상태 표시, 레벨 및 펫 네임
- 감정 표현 이미지로 펫의 현재 상태 표시
- 카테고리별 아이템 정렬(먹이, 놀이, 휴식, 씻기, 히든)
- 상태 회복량
- 아이템 사용/버리기
- 페이지 소개
- 랭킹 조회(주마다 랭킹 초기화, 완료 개수로 순위 선정, 1~3위 유저 표시 등)
- 마이 페이지(유저 정보, 활동 내역, 로그아웃 및 회원 탈퇴)
🎯 트러블 슈팅
- 문제: todo 페이지 토스트 알림 이슈
- 해결: 투드를 체크 할 때마다 미리 실행된 toast와 setTimeout이 있을 경우 toast를 꺼주고 clearTimeout을 해줌