본문 바로가기
web/맛슐랭 Project

맛슐랭 - UI 설계

by su0a 2024. 3. 16.

1. 메인 페이지 및 전국 맛집

  • 홈페이지 첫화면, 모든 유저들이 맛집으로 등록한 음식점들을 볼 수 있음
  • 연령대, 성별, 음식종류, 특정 키워드 검색시 그에 해당하는 맛집만 출력
  • 지도에 있는 spot 아이콘 중 하나 클릭하면 해당 spot아이콘은 연두색으로 바뀌고 해당 맛집에 대한 모든 리뷰 출력
  • 하트 버튼 클릭 시 해당 맛집을 찜한 맛집에 추가할 수 있음
  • 특정 리뷰 클릭 시 유저들이 작성한 상세 후기 볼 수 있음

전국 맛집

2. 찜한 맛집

  • 하트 버튼을 클릭한 맛집들을 모두 볼 수 있음 (하트버튼 다시 클릭하면 찜한 맛집에서 삭제)
  • 인정도장 버튼 클릭시 해당 맛집을 가보셨나요? alert창 나오고 예 누르면 인정도장 찍힘

찜한 맛집 - 인정하기 버튼 누르지 않은 경우
찜한 맛집 - 인정하기 버튼 누른 경우

3. 나의 맛집

  • 내가 리뷰를 남긴 모든 맛집을 볼 수 있음
  • 플러스 버튼 클릭시 맛집 추가 가능
  • spot 아이콘 클릭시 내가 남긴 리뷰 확인 가능 - 삭제 버튼 클릭 시 삭제

나의맛집
나의맛집-추가:검색
나의맛집-추가:등록

4. 마이 페이지

  • 내가 쓴 모든 리뷰 확인 및 삭제 가능

마이페이지

5. 회원가입 및 로그인

  • 카카오톡, 네이버 간편 로그인만 가능
  • 로그인 버튼 클릭 시 회원일 경우 해당 회원의 정보 토큰으로 넘겨주고 회원이 아닐 경우 해당 회원의 정보를 db 저장 후 토큰 넘김

로그인&회원가입