Wanted Pre-Onboarding Challenge FE 1

wanted-pre-onboarding-challenge-fe-1

🗂️ Directory Info

• pages : next route pages
• components
  • atomics : button, input, typography ...
  • molecules : navbar, todocard, todoinput ...
  • organisms : todolist ...
  • templates : layout ...
• common
  • queries : queries apis
  • mutations : mutation apis
• configs : api base url
• styles : tailwind basic styling
• types : login & todo typing
• utils : axios fetcher
• public

📌 과제 진행 내역

과제 1 - Login / SignUp

• 최소한 이메일, 비밀번호 input, 제출 button을 갖도록 구성해주세요
• 이메일 조건 : 최소 @, . 포함
• 비밀번호 조건 : 8자 이상 입력
• 이메일과 비밀번호가 모두 입력되어 있고, 조건을 만족해야 제출 버튼이 활성화 되도록 해주세요
• 응답으로 받은 토큰은 로컬 스토리지에 저장해주세요
• 다음 번에 로그인 시 토큰이 존재한다면 루트 경로로 리다이렉트 시켜주세요
• 어떤 경우든 토큰이 유효하지 않다면 사용자에게 알리고 로그인 페이지로 리다이렉트 시켜주세요

과제 2 - Todo List

• 목록 / 상세 영역으로 나누어 구현해주세요
• Todo 목록을 볼 수 있습니다.
• Todo 추가 버튼을 클릭하면 할 일이 추가 됩니다.
• Todo 수정 버튼을 클릭하면 수정 모드를 활성화하고, 수정 내용을 제출하거나 취소할 수 있습니다.
• Todo 삭제 버튼을 클릭하면 해당 Todo를 삭제할 수 있습니다.
• 새로고침을 했을 때 현재 상태가 유지되어야 합니다.
• 개별 Todo를 조회 순서에 따라 페이지 뒤로가기를 통하여 조회할 수 있도록 해주세요.
• 한 페이지 내에서 새로고침 없이 데이터가 정합성을 갖추도록 구현해주세요
• 수정되는 Todo의 내용이 목록에서도 실시간으로 반영되어야 합니다

👉🏻 Pages

1. Login

2. Sign Up

3.Home (Todo)