Kimkeebeom / wanted-pre-onboarding-fe

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

원티드 프리온보딩 프론트엔드 - 선발 과제

프로젝트 실행 방법

npm install 또는 yarn install
npm start 또는 yarn start

ps. 서버가 닫힌 관계로 데모 영상으로 봐주시기 바랍니다.

데모 영상

::1. 로그인 / 회원가입

  • / 경로에 로그인 / 회원가입 기능을 개발해주세요
    • 페이지 안에 이메일 입력창, 비밀번호 입력창, 제출 버튼이 포함된 형태로 구성해주세요
    • 로그인, 회원가입을 별도의 경로로 분리해도 무방합니다.

Assignment1

  • 이메일과 비밀번호의 유효성 검사기능을 구현해주세요
    • 이메일 조건: @ 포함
    • 비밀번호 조건: 8자 이상
    • 입력된 이메일과 비밀번호가 위 조건을 만족할 때만 버튼이 활성화 되도록 해주세요
    • 보안 상 실제 사용하고 계신 이메일과 패스워드말고 테스트용 이메일, 패스워드 사용을 권장드립니다.

Assignment2

  • 로그인 API를 호출하고, 올바른 응답을 받았을 때 /todo 경로로 이동해주세요
    • 로그인 API는 로그인이 성공했을 시 Response Body에 JWT를 포함해서 응답합니다.
    • 응답받은 JWT는 로컬 스토리지에 저장해주세요

Assignment3

  • 로그인 여부에 따른 리다이렉트 처리를 구현해주세요
    • 로컬 스토리지에 토큰이 있는 상태로 / 페이지에 접속한다면 /todo 경로로 리다이렉트 시켜주세요
    • 로컬 스토리지에 토큰이 없는 상태로 /todo페이지에 접속한다면 / 경로로 리다이렉트 시켜주세요

About


Languages

Language:TypeScript 88.6%Language:HTML 5.7%Language:CSS 3.1%Language:JavaScript 2.7%