together saving FE

• 프로젝트 설명
• 주요 서비스 미리보기
• 기술 스택
• 팀원 소개
• FE 컨벤션
• 실행 방법

프로젝트 설명

🔗 배포 주소

http://dongsu.s3-website.ap-northeast-2.amazonaws.com

저축과 재테크를 시작하고, 저축의 긍정적인 경험을 쌓아갈 수 있도록 도와주는 웰스테크 플랫폼인 세이블 앱 내에서 저축 경험과 목표 달성률을 높일 수 있는 락인 포인트를 개발했습니다. 저축 챌린지라는 재미 요소를 더해 다양한 사용자들과 경쟁하며 자연스럽게 저축 습관을 기를 수 있습니다.

주요 서비스 미리보기

메인 페이지

챌린지 더보기

챌린지 상세 보기

챌린지 결제하기

내 저축 현황 보기

저축하기

사람들과 소통하기

기술 스택

팀원 소개

김보미	🎨 Front-end
이동수	🎨 Front-end

FE 컨벤션

FE 팀 내에서 정한 규칙입니다.

💻 Git

• 작업 시작하기 전에 issue 카드를 생성
• Commit message Template 에 맞춰 작성한다
• Issue Template 에 맞춰 작성한다
• PR Template 에 맞춰 작성한다.
• git-flow 를 사용하여 branch 명을 명확히 한다

💅🏻 Code style : react/recommended

• 익명 함수는 화살표 함수로 생성한다
• setState를 움직이는 함수 이름은 handle__ 로 짓는다

ISSUE Template

PR Template

Error Handling

실행 방법

클론 후 로컬 환경에서 실행할 때 아래 명령어를 입력하시면 됩니다.

• 패키지 설치

$ npm i

• 프로젝트 실행

$ npm run dev