🤝 미니 프로젝트

NEEDMONEY 💰

당신을 위한 대출상품 추천 앱 NEED MONEY

📌 프로젝트 개요

프로젝트 기간

• 2022년 08월 23일(화) ~ 2022년 09월 06일(화)

프로젝트 목표

• 백엔드와 협업으로 어플리케이션 개발
• 필요한 API를 백엔드에 요구하고 그에 맞게 어플리케이션을 개발할 수 있도록 한다.

프로젝트 히스토리

노션

FE github

BE github

🙋🏻 팀원 소개

Frontend

양예진	최효근	이화정	조현재	최수연
@yejine2	@BullWooStar	@Hwa-J	@guswowh	@boksooni

Backend

이현승	강소영	박중후
@iheese	@soyoungkangme	@wndgndi

프로젝트 내용

⭐️ 주요 기능

홈페이지 화면

로그인 / 회원가입

• 회원가입 후 로그인시 토큰값을 받아와 쿠키에 저장합니다.
• 로그인이 안됐을시 홈페이지, 로그인, 로그아웃 페이지 이외에는 접근하지 못합니다.

회원 맞춤 추천 상품

• 회원가입시 입력했던 나이, 직업을 바탕으로 회원에게 맞는 추천상품을 출력합니다.
• 추천상품의 총합을 구해서 신청가능한 대출 상품 종합을 회원에게 보여줍니다

모든 상품 및 검색 상품

• 전체상품으로는 신청할 수 있는 모든 상품을 볼 수 있고 검색상품으로는 상품의 이름을 검색하면 해당 이름이 들어간 모든 상품을 볼 수 있습니다.
• 필터로는 직업별로 상품을 분류하고 대출금액, 금리 별로 오름,내림차순을 할 수 있습니다.

프로모션 상품

• 프로모션 상품으로는 서버에서 무작위로 뽑은 랜덤 추천 상품을 보여줍니다.

장바구니

• 상품페이지의 상품카드에서 + 버튼을 누르면 개인 카트에 상품이 추가가 됩니다.
• 전체삭제 및 개별 삭제가 가능하며 신청하기 완료시 장바구니가 비워집니다.

🛠 기술 스택

• Front
  • React.js
  • Create React App
  • Redux Tool Kit
  • React-Router
  • Styled Component
  • Axios
  • Eslint

🌳 프로젝트 기획

와이어프레임

유저 플로우