prgrms-web-devcourse/Team_Alchomist_ShakeNMatch_FE

[15조] 프론트 레포

📌 서비스 소개

📕 기획 배경

코로나19로 인한 개인의 활동 반경이 급감하였고
이에 따라 집에서도 혼자 술을 마시는 '혼술 문화'가 대중화 되었습니다.
동시에 칵테일에 대한 수요도 증가하여 우리 서비스는 칵테일을 집에서도 즐기는 '온라인 칵테일 바'를 만들고자 합니다.
서비스 이용자는 온라인 칵테일 바를 이용하여 맞춤 별 상황에 따른 칵테일을 추천 받습니다.

📘 맞춤 별 추천 시스템

• 날씨, 기분, 색상, 음악, MBTI에 따른 테마 별 칵테일을 추천해 줍니다.
• 보유한 재료에 따라 알맞은 칵테일을 추천해 줍니다.
• 만약 재료가 부족하다면 재료를 구매할 수 있도록 합니다.

📙 기대 효과

칵테일 정보에 접근하기 위해 투자해야 하는 수고로움을 덜어 주고,
맞춤 별 추천 시스템으로 칵테일에 대한 진입 장벽을 낮추고자 합니다.

📌 프로젝트 사용 방법

• 배포 주소
  https://shakenmatch.vercel.app
• 실행 방법

  git clone https://github.com/prgrms-web-devcourse/Team_Alchomist_ShakeNMatch_FE
  yarn
  yarn start
  

📌 팀원 소개

윤승록	김사휘	김정운	황상혁
SeungrokYoon	42KIM	alanggy	sshyukk

📌 개발 일정

단위	주요 일정	링크
0주차	스크럼을 통해 진행 사항 공유	미팅 및 회의록
1주차	디자인 마크업 완성, 베이스 컴포넌트 개발	진행 현황
2주차	컴파운드, 도메인 컴포넌트 개발, 페이지 완성	진행 현황
3주차	라우터 처리 및 API 연동	진행 현황

📌 프로젝트 문서

• 팀 Notion
• 프로젝트 WIKI

📌 폴더 구조

.
├── .github
├── .storybook
├── node_modules
├── api
├── public
└── src
    ├── assets
    │   └── ...
    ├── components
    │   ├── base 
    │   │   └── ...
    │   ├── compound
    │   │   └── ...
    │   └── domain
    │       └── ...
    ├── contexts
    │   └── ...
    ├── hooks
    ├── models
    ├── pages
    │   └── ...
    ├── routes
    │   └── ...
    ├── stories
    └── utils
        ├── apis
        ├── constants
        └── lib

📌 주요 기능 및 페이지 소개

메인 페이지
카카오 OAuth 로그인 테마별 추천 페이지 진입 버튼

테마별 칵테일 추천 페이지
MBTI, 기분, 음악, 색상, 날씨 등 5개의 상위 카테고리와 각각의 하위 카테고리 선택에 따라 칵테일 리스트 제공

술장고 페이지
사용자가 보유한 재료 저장 및 수정 기능 보유한 재료를 기반으로 제조 가능한 칵테일 리스트 제공

칵테일 상세정보 모달
보유한 칵테일 재료 및 미보유 재료 구매 링크 제공 칵테일 주조법 제공 리뷰 작성 및 조회 기능

미보유 재료 판매 정보 페이지
사용자가 보유하지 않은 재료에 대해서 네이버 쇼핑 정보 및 링크 제공

칵테일 검색 페이지
검색 봇 클릭을 통한 칵테일 이름 검색 기능 제공

마이 페이지
회원 정보 수정 기능 사용자가 북마크한 칵테일 리스트 제공