Skip to content

BCSDLab/JJBAKSA_FRONT_END

Repository files navigation

프로젝트명


프로젝트 소개

  • 북마크, 리뷰한 음식점을 지도의 핀으로 확인할 수 있는 맛집 기록 서비스입니다.
  • 검색을 통해 주변 음식점을 확인할 수 있고, 리뷰를 작성할 수 있습니다.
  • 다양한 사용자와 팔로우를 통해 팔로워의 리뷰/북마크한 음식점 등을 확인할 수 있습니다.
  • 별점, 북마크, 팔로워 리뷰를 통해 다양한 정보를 확인할 수 있습니다.

주요 기능

1. 회원가입

음식점 검색

  • 중복 확인을 통해 이미 사용 중인 아이디를 확인합니다.
  • 이메일 주소 형식이 유효하지 않거나 이미 가입된 이메일일 경우 또는 비밀번호가 8자리 미만으로 이루어져 있으면 경고 문구가 나타납니다.
  • 작성이 완료되면 닉네임 작성 부분으로 이동합니다.
  • 닉네임은 한글, 영문, 숫자만 가능하면 2자리 미만으로 작성하면 경고 문구가 뜹니다.

2. 로그인

로그인

  • 아이디와 비밀번호 입력하면 유효성 검사가 진행되고 통과하지 못한 경우 ‘쩝쩝박사의 서비스를 이용하려면 로그인하세요’ 하단에 경고 문구가 뜹니다.
  • 로그인에 성공하면 메인페이지로 이동합니다.

3. 음식점 검색

음식점 검색

  • 메인페이지에서 검색창을 누르면 음식점 검색을 이동합니다.
  • 검색을 통해 음식점 리스트를 보여줍니다.
  • 인기 검색어를 통해 검색할 수 있습니다.

4. 음식점 상세 페이지

음식점 상세 페이지

  • 음식점의 상세 정보를 알 수 있습니다.
  • 음식점의 정보, 친구 리뷰, 내 리뷰, 음식점 위치를 알 수 있습니다.
  • 북마크를 통해 음식점을 스크랩할 수 있습니다.

5. 음식점 리뷰

음식점 리뷰

  • 하단의 ‘글쓰기’ 탭을 누르면 리뷰를 위한 음식점 검색 페이지로 이동합니다.
  • 음식점의 평점과 리뷰, 사진을 기록할 수 있습니다.
  • 리뷰한 음식점은 마이페이지 탭에서 확인할 수 있습니다.

6. 친구 팔로우

친구 팔로우

  • 마이페이지의 팔로워 버튼을 누르면 팔로우 페이지로 이동합니다.
  • 검색을 통해 사용자를 검색할 수 있습니다.
  • 팔로우 버튼을 통해 사용자를 팔로우할 수 있습니다.
  • 서로 팔로우된 사용자는 서로의 리뷰한 음식점을 볼 수 있습니다.

7. 메인페이지 핀보기

메인페이지 핀보기

  • 가까운 음식점은 리뷰한 음식점, 북마크한 음식점을 모두 보여줍니다.
  • 북마크한 음식점은 북마크한 음식점을 보여줍니다.
  • 친구 음식점은 팔로워의 음식점을 보여줍니다.
  • 핀을 누르면 음식점 상세로 이동됩니다.

8. 마이페이지

메인페이지 핀보

  • 프로필 이미지를 누르면 사진, 닉네임이 변경 가능합니다.
  • 마이 페이지에서 리뷰한 음식점, 북마크한 음식점을 볼 수 있습니다.
  • 친구 음식점은 팔로워의 음식점을 보여줍니다.
  • 음식점을 클릭하면 가게 상세 정보로 이동할 수 있습니다.

기술 스택

✔️Frond-end


✔️Back-end


참여자

Frond-end
김대의 김민재 김혜준 이해루 정해성 채승윤

@kimeodml

@D0Dam

@hyejun0228

@HAEROOL

@junhaesung79

@chaeseungyun
Back-end
김유진 이인석 임예준

@Yoojkim

@insukL

@dpwns523