kingdonggyu / wanted-pre-onboarding-frontend

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

지원자: 김동규

실행 방법

npm install

npm run start

배포 링크

https://wanted-pre-onboarding-frontend-kimdonggyu.vercel.app

wanted-pre-onboarding-frontend's Issues

[Feature]: Home 페이지 및 로그아웃 기능 구현

이슈 설명

Home 페이지 및 로그아웃 기능을 구현한다.

완료 조건

• Home 페이지 라우팅 설정
• Home 페이지 UI 구성
• 로그아웃 기능 구현

[Feature]: 로그인 페이지 구현

이슈 설명

/signin 경로에 로그인 기능을 구현한다.

완료 조건

• 로그인 페이지 라우팅 설정
• 로그인 페이지 UI 구현
• 이메일과 비밀번호 유효성 검사에 따른 로그인 버튼 비활성화
• 로그인 버튼 동작 구현(API 요청 및 /todo 경로 이동)
• 로컬 스토리지 JWT 인터페이스 구현
• 로그인 여부에 따른 리다이렉트 처리

결과 첨부

[Chore]: 개발 환경 초기 설정

이슈 설명

개발 환경을 위한 여러 라이브러리를 설치 및 설정한다.

완료 조건

• Create React App을 이용한 React + TypeScript 개발 환경 설정
• Emotion 설치 및 전역 스타일링 설정
• React Router Dom, Axios, React-Icons 라이브러리 설치

[Feature]: 404 페이지 구현

이슈 설명

잘못된 경로의 페이지를 처리한다.

완료 조건

• 404 페이지 라우팅 설정
• 404 페이지 UI 구현

결과 첨부

[Feature]: 회원가입 페이지 구현

이슈 설명

/signup 경로에 회원가입 기능을 구현한다.

완료 조건

• 회원가입 페이지 라우팅 설정
• 회원가입 페이지 UI 구현
• 이메일과 비밀번호 유효성 검사 구현
• 회원가입 버튼 동작 구현 (API 요청 및 /signIn 경로 이동)

결과 첨부

[Feature]: Todo list 페이지 구현

이슈 설명

/todo 경로에 Todo list 기능을 구현한다.

완료 조건

• Todo list 페이지 라우팅 설정
• 로그인을 하지 않았을 경우 리디렉션 처리
• Todo list 페이지 UI 구현
• Todo 추가 기능 구현
• Todo list 요청 기능 구현
• Todo 완료 기능 구현
• Todo 수정 기능 구현
• Todo 삭제 기능 구현

결과 첨부