To Do List

✨ 개인 프로젝트로 진행되었습니다 :)

1. 배포 주소

https://main--stately-torte-36d752.netlify.app/

2. 회고록

https://velog.io/@niboo/Project-To-Do-List-2022-%ED%9A%8C%EA%B3%A0%EB%A1%9D

3. 과제 구현 목록

1) Nav Bar

• 로고, 현재 시각, 로그인 성공 여부에 따라 SING UP, SIGN IN / LOGOUT 동적으로 바꾸기 기능 구현.

2) 회원가입 페이지

• 이름, 닉네임(2자 이상), 이메일(’@’, ‘.’ 포함) 유효성 검사, 비밀번호(특수문자, 숫자, 소문자, 대문자 혼합 8자 이상)유효성 검사, 체크박스 체크여부에 따른 버튼 활성화 비활성화 기능구현.
• FireBase를 이용한 Users 정보 저장 및 관리.

3) 로그인 페이지

• FireBase에 저장 된 유저 정보가 아닐 경우 오류 메시지 출력. 로그인 성공 시 메인화면으로 이동.

4) Creating-List

• 커스텀 DatePicker 이용하여 날짜 선택 기능 구현
• Redux-Toolkit을 이용하여 일정 관리 및 등록, 삭제 액션함수 활용

5) Checking-List

• Slice에 저장된 데이터를 받아와 In Progress 패널에 출력
• 체크박스 체크 시 Done패널로 이동
• 삭제하기 버튼 클릭 시 액션함수를 이용한 데이터 삭제

6) 반응형 디자인

• 디바이스 별 반응형 디자인 구현