junh0328/cola-map

🥂 cola? gola!

카카오 지도 API를 기반으로 한 유저 중심의 음료 정보 제공 사이트

🕰 작업 기간

21.05.17 - 21.08.19

🤷🏻‍♂️ 팀 소개

팀명	cola? gola!
프론트	이준희
프론트	한윤성
백엔드	유진수
백엔드	전도해

📍 노션 링크 바로가기

Notion

✍🏼 기술 스택

FrontEnd

BackEnd

Cooperation

📜 주요 기능

로그인 이전 단계와 로그인 이후 단계로 나눠집니다

로그인 이전

메인 페이지

• 주변 가게(음식점)의 좌표를 통해 가게 정보 얻기
• 가게에 제보된 정보 얻기 (어떤 음료수를 파는지?)
• 키워드로 검색하기

카테고리 페이지

• 펩시 제보된 가게 전체 보기
• 코카콜라 제보된 가게 전체 보기

로그인

• 카카오로 로그인 (소셜 로그인)
• 로컬 스토리지 이용 (JWT 기반)

로그인 이후

메인 페이지

• 가게 음료 제보하기 (카테고리 및 글)
• 본인 글 수정하기 / 삭제하기
• 가게 신고하기 (삭제요청)
• 로그아웃 하기

마이 페이지 이용 가능

• 내가 한 제보 보기 (목록형/카드형)
• 닉네임 변경
• 로그아웃
• 만든 사람들 소개

🖥 구현 화면 보기

로그인 이전

메인 페이지

주변 가게 좌표 불러오기	주변 가게 검색하기
default.mov	default.mov

카테고리 페이지

카테고리 (코카콜라 또는 펩시)
default.mov

로그인 x 인 상태
x.mov

로그인

카카오로 로그인하기 (리다이렉션 방식)
default.mov

로그인 이후

메인 페이지

리뷰 쓰기
default.mov

리뷰 수정하기	리뷰 삭제하기
default.mov	default.mov

신고 하기
default.mov

마이 페이지

내가 한 제보 보기 (목록형 카드형)
default.mov

내가 한 제보로 이동하기
default.mov

닉네임 변경하기
default.mov

로그아웃 하기
default.mov