🏦 fastbank

📑 목차

• 🚀 프로젝트 실행하기
• 🗓 프로젝트 제작기간
• ✨ 프로젝트 소개
• 👀 데모
  • 와이어프레임 링크
  • 목업 링크
  • 주요 페이지 목업
• 🪄 기술 스택
  • 디자인 사용 소프트웨어
  • 프론트앤드 기술 스택
  • 백앤드 기술 스택
  • 기타 사용 툴
• 🧑‍🤝‍🧑 업무 분배
  • 프론트앤드 업무 분배
  • 백앤드 업무 분배

🚀 프로젝트 실행하기

1. 리포 클론하기: git clone https://github.com/hyeonahc/fast-bank-FE.git
2. 해당 디렉토리로 이동하기: cd <YOUR_PROJECT_NAME>.
3. 패키지 설치하기: yarn install
4. 프로젝트 실행하기: yarn start
5. 프로젝트 실행시 env 인증키가 필요하신 분은 hyeonah.hello@gmail.com로 연락을 주시면 제공해드리겠습니다.

🗓 프로젝트 제작기간

2022년 8월 24일 - 2022년 09월 6일 (2주)

✨ 프로젝트 소개

패스트 뱅크는 사용자의 나이와 직업을 바탕으로 은행 상품을 추천해주고 상품을 신청할 수 있는 서비스 앱입니다.

• 아이디어: 사용자의 나이와 직업을 바탕으로 은행 상품을 추천해주고 상품을 신청할 수 있는 앱을 만들면 어떨까?
• 타겟: 은행에서 예금, 적금, 대출 상품을 신청하고 싶은 모든 사람

👀 데모

와이어프레임 링크

🔗 Behance에서 와이어프레임 보기

목업 링크

🔗 Behance에서 목업 보기

주요 페이지 목업

로그인	회원가입	회원가입 성공시 모달창

홈페이지 (전체 상품 페이지)	상품 상세 정보 모달창	맞춤형 상품 페이지

찜한 상품 페이지	장바구니 페이지	404 페이지

🪄 기술 스택

디자인 사용 소프트웨어

• 와이어프레임, 목업 제작: Adobe XD

프론트앤드 기술 스택

🔗 프론트엔드 리포: fast-bank-FE 보러가기

• 라이브러리: React.js
• 언어: TypeScript
• 라우터: Router-v6
• 상태관리 라이브러리: Redux
• API 요청: Axios
• 스타일 적용: styled-components, material-icons
• 기타: ESLint, Prettier

백앤드 기술 스택

🔗 백엔드 리포: fastbank-backend 보러가기

• 언어: Java 11
• 프레임워크: Spring Boot (Spring Web, Spring Data JPA)
• DBMS: MariaDB
• 배포: Amazon EC2, Amazon RDS (MariaDB), Nginx 웹 서버

기타 사용 툴

• 이슈관리: Github Issue
• 문서화: Notion
• 커뮤니케이션: Slack, Zoom, Zepp

🧑‍🤝‍🧑 업무 분배

프론트앤드 업무 분배

조현아	석광현	박인석	김민구
@hyeonahc	@Untest57	@isp1106	@kimmgu
와이어프레임, 목업 제작 회원가입, 로그인 페이지 모달창, 404 페이지	맞춤형 상품 페이지 장바구니 페이지	레이아웃, 네비게이션 홈페이지 (전체 상품 페이지)	찜한 상품 페이지

백앤드 업무 분배

조혜진	이용승
@Johyejin-119	@yongseungLeeDec
상품 검색 기능 구현 맞춤형 상품 제시 기능 구현 관심상품 관리 기능 구현	인증/인가 기능 구현 장바구니 관리 기능 구현 서버 배포 및 프론트엔드 연동 테스트