Todoist 클론

개발 기간: 2021년 2월 3일 ~ 진행중

우측 상단에 있는 피자 아이콘을 클릭해서 다크모드를 확인해보세요!

데모 플레이

스택

프론트엔드	데이터베이스
React	Firebase firestore
Sass

수정 및 보완할 것들

• 아이폰 12 (혹은 그 이하)의 스크린 크기에서 사이드바 너비가 변경되는 버그
• 다크모드 색 조합 개선하기
• 타입스크립트로 마이그레이트 하기

이번 프로젝트를 개발하며 배우고자 하는 점

• 반응형 웹사이트에 대한 더 높은 이해도 (Sass에 대한 더 높은 이해도)
• 깃 커밋 진행 사항과 메시지를 보기 쉽고 깔끔하게 유지하기
• 커스텀 훅을 작성하는 것에 더욱 능숙해지기
• 리액트로 CRUD 작성하기
• 파이어베이스의 데이터베이스 이용하는 방법 배우기

구현할 기능

• 실시간 데이터베이스 사용하기
• 웹사이트 반응형으로 구현하기
• 다크 모드 구현하기
• 사이드바 메뉴 토글 애니메이션 구현하기