Team
🗃️ Github
https://github.com/IMCORIN2/SnackSpotter
📽️ 시연 영상
https://www.youtube.com/watch?v=w_DyDrSLuag
🗒️ 발표 자료
https://www.canva.com/design/DAF1UjPbG2Y/-jU1bMEoxVy3WgdzD7Yy7A/view?utm_content=DAF1UjPbG2Y&utm_campaign=designshare&utm_medium=link&utm_source=editor
Snack Spotter
- 프로젝트
- 소개
- 한 줄 정리 : SnackSpotter는 편의점에서 판매되는 다양한 군것질에 대한 정보를 제공하는 플랫폼입니다. 지역 특산품 소개, 사용자 리뷰, 이벤트 정보, 그리고 매력적인 할인까지! 여러분이 찾는 군것질은 여기에 있습니다.
- 내용 :
- 홈 페이지: (필수 구현)
- 상단에는 편의점별로 구분된 지역별 특산품이나 인기 군것질이 표시됩니다.
- 중앙에는 사용자 리뷰가 포함된 일부 추천된 군것질이 표시됩니다.
- 하단에는 현재 진행 중인 이벤트 및 할인 정보가 표시 혹은 커뮤니티 글 표시됩니다. (옵션)
- 군것질 상세 페이지: (필수 구현)
- 선택한 군것질에 대한 상세 정보가 표시됩니다.
- 사용자 리뷰와 함께 군것질의 이미지와 기본 정보가 제공됩니다.
- 사용자는 리뷰를 남기거나 해당 군것질을 추천할 수 있습니다.
- 재고 있는 매장 찾기. (옵션)
- 이벤트 및 할인 페이지: (옵션)
- 현재 편의점에서 제공하는 이벤트와 할인 정보가 나열됩니다.
- 각 이벤트 및 할인에 대한 상세 설명과 참여 방법이 제공됩니다.
- 음식 장바구니 및 주문페이지:
- 사용자는 선택한 군것질을 장바구니에 담거나 바로 주문할 수 있습니다.
- 필요한 경우 배달 서비스와 연동하여 편의점에서 군것질을 집으로 받을 수 있습니다. (옵션)
- 군것질 추천 페이지:
- 사용자의 선호도와 리뷰 기록을 기반으로 한 개인화된 군것질 추천이 표시됩니다.
- 추천된 군것질은 사용자의 취향에 맞게 정렬되어 나열됩니다.
- 커뮤니티: (필수 구현)
- 지역별 맛집 공유: (옵션)
- 사용자들이 자신이 즐긴 지역 편의점의 군것질을 공유하고, 다른 사용자들이 해당 맛집을 찾아볼 수 있는 기능을 추가합니다.
- 군것질 레시피 공유: (옵션)
- 사용자들이 편의점에서 구매한 군것질을 활용한 레시피를 공유하고, 다양한 음식 아이디어를 얻을 수 있도록 합니다.
- 편의점 투어 리뷰: (필수)
- 사용자들이 다양한 편의점을 방문하고 그 경험을 리뷰하여 공유할 수 있는 기능을 도입합니다.
- 맛 평가 및 추천: (옵션)
- 사용자들이 군것질의 맛을 평가하고 다른 사용자들에게 추천할 수 있는 기능을 추가하여 맛있는 군것질을 찾을 수 있도록 합니다.
- 편의점 이벤트 소식: (옵션)
- 편의점에서 진행되는 이벤트나 할인 정보를 빠르게 공유하고, 사용자들 간에 정보 교류가 이루어지도록 합니다.
- 맞춤형 할인 및 쿠폰 공유: (옵션)
- 사용자들이 발견한 편의점 군것질에 대한 할인이나 쿠폰 정보를 공유하고, 다른 사용자들이 혜택을 받을 수 있도록 합니다.
- 편의점 군것질 퀴즈 및 게임: (옵션)
- 사용자들 간의 상호 작용을 촉진하기 위해 군것질 관련 퀴즈나 게임을 도입하여 재미를 제공합니다.
- 웹캠 라이브 푸드 트라이: (옵션)
- 사용자들이 실시간으로 편의점에서 새로 나온 군것질을 웹캠을 통해 시연하고, 다른 사용자들이 실시간으로 댓글을 달 수 있는 기능을 추가합니다.
- 편의점 군것질 투표: (필수)
- 다양한 편의점 군것질 중에서 사용자들이 가장 선호하는 군것질을 투표하고 결과를 공유하는 기능을 도입합니다.
- 편의점 군것질 챌린지: (옵션)
- 사용자들끼리 군것질 관련 도전과제를 만들어 즐겁게 참여하고, 성취감을 공유할 수 있는 기능을 추가합니다.
- 편의점 군것질 랜덤추천: (옵션)
- 사용자가 램덤추천버튼을 누르면 랜덤으로 편의점 군것질 메뉴를 추천합니다. 뭘 먹어야할지 모르는때에 사용하면 랜덤으로 추천해주기 때문에 편리합니다.
2. 기획 관련 메모
편의점 크롤링
노드 JS 크론 라이브러리
3. WBS & Tasks
4. API 명세서
API 명세서
5. ERD DIAGRAM
https://www.erdcloud.com/d/E9v9oWYg5PjcMjDBn
.png)
6. 와이어프레임
https://app.uizard.io/p/50c7e519

7. 실제 구현 스크린샷







