할 일을 더 만들고 싶게, 다 완료하고 싶게 하는 TO DO 웹앱
+ Nice TO DO you!
버튼 클릭 시 Todo 추가- 추가 버튼 색은 랜덤 변경, 클릭 시 버튼 색과 동일한 색 체크박스를 가진 Todo 생성
- 개별 Todo 체크 및 체크 해제 가능
- 생성된 모든 Todo 체크 시 축하 효과
- Edit 버튼 클릭하면 Edit mode 활성화, 한 번 더 클릭하면 비활성화
- Edit mode에서 드래그 앤 드랍으로 Todo 순서 재정렬 및 삭제 가능
- 휴지통 위에 드래그했을 때 Todo 색에 따라 Todo 체크된 상태면 채워진 색, 체크 안 된 상태면 비어 있는 색으로 휴지통 색 바뀜
- Todo 내용은 Edit mode 상관 없이 텍스트 클릭하여 편집 가능
nvm use
yarn
yarn dev
- React
- TypeScript
- styled-components
- Firebase