단짠맛집

배포 URL : https://sweetsalty.shop

팀 노션 :

목차

1. 실행 방법
2. 기획의도
3. 팀원소개
4. 기술스택
5. 페이지 구성

실행 방법

yarn install => yarn dev
localhost:3000에서

기획 의도

Youtube에 의하여 정보매체가 주가 되어버린 현재, 최근 들어
네이버 블로그 등의 텍스트 매체를 다시 사용하길 원하는 니즈가 있는 것을 확인했습니다.

또한 가짜 정보 혹은 원치 않는 정보가 많은 인터넷 세상 속에서 원하는 정보만을 골라서 찾을 수 있기를 원했고
그래서 생각한 것이 제가 좋아하는 음식을 기준으로 리뷰를 적는 사이트를 만들어보자!였습니다.

기존에 있던 망고 플레이트, 다이닝 코드, 식신과 같은 사이트는 매장이 주가 되거나 크롤링에 의한 사이트였다면
제가 생각한 사이트는 직접적으로 사용자들이 식당을 평가하고 자유롭게 커뮤니티 같은 사이트를 구성하길 원했고
최근 코로나로 인하여 소상공인분들께서 큰 피로감을 가지고 있는 것도 고려하여
상대적으로 홍보를 하기 힘든 소상공인의 부담을 줄일 수 있는 콘텐츠도 담아보았습니다.

팀원 소개

기술 스택

페이지 구성

서비스의 소개와 팀원 소개가 들어있는 소개 페이지

로그인 후 메인페이지에 접속하면 최신글들과 함께 회원가입시 선호하는 카테고리에 의해서 추천글들이 보여집니다.

• 각각의 item을 클릭 시 상세보기로 이동이 가능합니다.

로그인을 하지 않았을 경우

• 추천 탭에 정보가 표시되지 않습니다. 회원가입을 진행해주세요.

회원가입 페이지

로그인 페이지

• 자체 로그인 및 소셜로그인이 가능합니다.

리뷰를 작성할 수 있습니다.

• 버튼 하나로 단짠리뷰(일반리뷰), 가주세요(요청), 시식단리뷰를 선택할 수 있습니다.
• 당신의 멋진 리뷰를 보여주기 위해 반드시 하나 이상의 사진을 올려주세요.

유저들이 쓴 모든 글을 볼 수 있는 전체 리스트 페이지 입니다.

• 무한스크롤 적용으로 스크롤 내릴 시 글 목록이 불러와집니다.
  
• item 클릭 시 상세보기로 이동합니다.
  

단짠리뷰(일반리뷰), 시식단 리뷰에서는 filter 적용으로 검색을 할 수 있습니다.

소상공인들에게 지원을 받아 시식을 하고 그 시식평을 작성할 수 있는 시식단 리뷰 페이지입니다.

개인적인 사유로 인해 방문하지 못한 식당을 대신 가달라고 부탁할 수 있습니다.

• 가주세요 리뷰에 요청을 하고 그 식당을 가본 사람은 해당 글에 답글을 달 수 있으며 답글이 달린 경우 쪽지로 알림이 갑니다.

각각의 글을 클릭하면 상세보기 페이지로 이동합니다.

• 상세보기에서는 댓글달기와 좋아요 기능이 적용되어 있습니다.

소상공인들이 자신의 가게를 홍보 할 수 있습니다.

• 스토어 페이지에 기프티콘 형식으로 구현이 되어 있으며 이는 관리자만 작성할 수 있습니다.
• 스토어 페이지에서 자신이 원하는 정보를 검색할 수 있습니다. 원하는 맛집을 검색해 보세요

마이페이지에서 자신이 작성한 글, 좋아요 누른 글 목록, 포인트 충전 및 취소도 가능합니다.

리뷰를 작성한 사람들을 팔로우 해보세요. 유저를 팔로우 할 수 있습니다.

쪽지를 보낼 수 있습니다. 유저에게 쪽지를 보내 보세요

• 쪽지를 읽지 않았을 경우 프로필에 표시가 됩니다.

• 쪽지 보내기

• 받은 쪽지함