/Complete-Auth-system-with-TypeScript

TypeScript와 MERN 스택으로 작성한 Auth Boilerplate입니다

Primary LanguageTypeScriptMIT LicenseMIT

Complete Auth System (MERN with TS)

MERN 스택과 타입스크립트로 쓴 회원 인증 시스템입니다 + 라이트/다크 모드

설정

다음과 같이 yarn을 사용하여 로컬 환경에서 프로젝트를 실행할 수 있습니다:

$ cd ../complete-auth-system-with-typescript/frontend
$ yarn
$ yarn start

$ cd ../complete-auth-system-with-typescript/backend
$ yarn
$ yarn dev

프로젝트의 백엔드에서 설정해야 하는 환경 변수(.env)는 다음과 같습니다:

NODE_ENV=development
PORT=서버 포트번호
CLIENT_URL=클라이언트 URL
MONGO_URI=몽고 DB URI 
EMAIL_FROM=Gmail 주소
EMAIL_FROM_PASSWORD=Gmail 앱 비밀번호
JWT_SECRET=토큰 생성을 위한 무작위 일련번호
JWT_ACCOUNT_ACTIVATION=계정 활성화를 위한 무작위 일련번호
JWT_RESET_PASSWORD=비밀번호 재설정을 위한 무작위 일련번호
GOOGLE_CLIENT_ID=구글 로그인을 위해 발급받은 CLIENT_ID

프로젝트의 프론트에서 설정해야 하는 환경 변수(.env)는 다음과 같습니다:

REACT_APP_GOOGLE_CLIENT_ID=구글 로그인을 위해 발급받은 CLIENT_ID

주요 기능

  • 구글 로그인

  • 회원 가입

  • 로그인

  • 회원 탈퇴

  • 프로필 업데이트

  • 이메일 인증

  • 비밀번호 재설정

  • +α 라이트/다크 모드

기술

  • 본 프로젝트는 TypeScript로 작성되었습니다.
  • 프론트 개발에 React와 Redux, 백엔드 개발에 Node.js와 Express, 그리고 MongoDB를 데이터베이스로 사용하였습니다.

참고

라이선스