로그인 & 회원가입
| 로그인 | 1. 로그인 O → ‘소셜로그인(Kakao)’, ‘이메일로그인’ 중 택1
3. 로그인 X → ‘로그인없이 둘러보기’ 선택 |
| --- | --- |
| 회원가입 | 1. 닉네임, 비건 유형 설정
2. 도움말 모달창 → 직관적 이미지 |
- 카카오, 이메일로 로그인할 수 있으며, 첫 이용 시 회원가입을 통해 닉네임과 비건 태그 설정을 할 수 있습니다.
- 비건 유형에 대한 도움말 창도 제공됩니다.
- 로그인 없이 서비스를 이용할 경우, 지도와 장소 상세 정보를 볼 수 있고 마이페이지 접속, 장소 제보, 북마크, 리뷰 작성 등의 기능은 제한됩니다.

공통기능) 지도 & 검색 & 식당상세
| 지도 | 1. 사용자 현위치 조회
2. 장소 데이터 불러오기
3. 장소 카테고리 필터 (sessionStorage 저장)
4. 채식 메뉴 유형 필터 (sessionStorage 저장)
5. 마커 클릭 → 모달 클릭 → 식당상세 페이지
6. 검색bar 클릭 → 검색 페이지
7. 메뉴 버튼 통해 여러 페이지로 접근가능 |
| --- | --- |
| 검색 | 1. 장소 데이터 불러오기
2. 지도 페이지와 ‘장소 카테고리’, ‘채식 메뉴 유형’ 상태값 공유
3. 현위치 기준, 장소 데이터 정렬 필터링
4. 검색어 라이브 필터링 |
| 식당상세 | 1. 장소 세부정보 불러오기
2. 식당 sns 링크 redirection
3. 북마크 (회원only)
4. 리뷰 조회 |
- 현재 위치 기반으로 지도에 사용자의 위치가 표시됩니다.
- 필터를 사용하면 식당/카페/술집/마켓 총 4개의 카테고리에 따라 비건 장소가 보여집니다.
- 일부 채식 메뉴/전체 채식 메뉴로도 선택이 가능하며, 새로 고침 시 모든 필터가 초기화 됩니다.
- 지도의 마커를 클릭하면 모달을 통해 장소 상세 페이지로 이동이 가능합니다.
- 지도에서 전역 상태 값을 저장해서 검색 창을 클릭 시 저장한 필터로 장소 리스트를 보여줍니다.
- 원하는 장소를 검색해 볼 수도 있고 현 위치로부터 거리 순으로 정렬이 되어 가장 가까운 비건 장소를 찾을 수 있습니다.
- 원하는 장소를 클릭하면 현 위치와의 거리, 위치, 연락처, 영업시간, SNS URL 등의 정보를 제공합니다.
- 사용자가 원하는 장소를 북마크로 저장 및 취소할 수 있습니다.
- 다양한 리뷰를 보기 위해 리뷰 상세 페이지로 들어갈 수 있습니다.
