어디가 핫하지 ?! 내 취향인 카페는 어딨을까 ?!
인기 있는 카페 순으로 확인하고,
사용자의 취향에 따른 카테고리별 필터링, 메뉴 후기, 이벤트 공지 등 다양한 기능을 제공하며
사용자들의 맞춤형 카페를 제공해줄 수 있는 웹서비스!
반응형 웹 페이지로 모바일 사용자 환경을 우선 지원합니다!
배포 링크 (https://cafein34.vercel.app/)
 |
|
 |
|
|
|
|
|---|---|---|---|---|---|---|
| 배정빈 | 김가영 | 유희준 | 조하얀 | 김현희 | 노성윤 | 김득렬 |
| FE 팀장 | FE | FE | BE 부팀장 | BE | BE | BE |
| 배정빈 | 김가영 | 유희준 |
|---|---|---|
| 카페 상세 정보 추가, 수정,삭제 카페 메뉴 추가, 수정 ,삭제 카페 삭제 카페 상세정보 페이지(카페 정보, 카페 메뉴 조회) 카페 메뉴 댓글 조회,추가,수정,삭제 카카오 지도 api 활용한 카페 위치 표시 입력받은 주소를 좌표로 변환 배포 담당 |
포스트 작성, 수정, 삭제 댓글, 대댓글 작성, 수정, 삭제 웹에디터 기능 포스트 북마크 포스트리스트 페이지네이션 검색 기능 초기 배포 담당 |
개인, 사업자 회원가입 로그인, 로그아웃 Google Oauth2 로그인 마이페이지 개인정보 조회, 수정 마이페이지 북마크한 카페, 북마크한 포스트, 작성한 포스트 무한스크롤 일반유저 마이페이지 개인 정보 조회, 팔로우, 언팔로우, 작성한 포스트 무한스크롤 메인 페이지 페이지 네이션 회원 탈퇴 |
| 조하얀 | 김현희 | 노성윤 | 김득렬 |
|---|---|---|---|
| 카페 CRUD 메뉴 CRUD 메뉴 댓글 CRUD 동적 쿼리를 이용한 필터, 정렬 기능 S3 이미지 업로드 인프라(도메인, 로드밸런서, https) |
회원 CRUD follow 기능 |
Security JWT OAuth2 구글로그인 점주CRUD |
포스트 CRUD 댓글 CRUD 대댓글 CRUD 포스트 북마크 포스트 태그 초기 SQL 설정 |
" 어디가 핫하지? 내 취향인 카페는 어딨을까? "
라는 물음에서 시작된 카페인 사이트는
인기 있는 카페 순으로 정렬해볼 수 있고, 취향별로 찾아볼 수 있는 기능이 구현되어 있습니다.
사용자의 취향에 따른 시설, 감성 태그 필터링, 메뉴 후기, 이벤트 공지 등 다양한 기능을 제공하며
사용자들의 맞춤형 카페를 제공해줄 수 있는 웹서비스입니다.
개인회원으로 가입하여 포스트 작성, 댓글 작성, 다른 유저 팔로우, 메뉴 댓글 작성을 이용할 수 있습니다.
사장님회원으로 가입하여 카페를 등록하고, 메뉴를 등록할 수 있습니다. 내 카페를 팔로우하는 유저의 수도 확인할 수 있습니다.
| HTML | CSS | JavaScript | TypeScript | React | StyledComponents | ReactQuery | Recoil |
|---|---|---|---|---|---|---|---|
 |
 |
 |
 |
 |
 |
 |
 |
| Vite | Jwt | GoogleOauth | EsLint | Prettier | Axios | Vercel | Figma |
|---|---|---|---|---|---|---|---|
 |
 |
 |
 |
 |
 |
 |
 |
| JAVA | SpringBoot | SpringSecurity | JPA | MYSQL | JWT |
|---|---|---|---|---|---|
 |
 |
 |
 |
 |
 |
| Amazon | Git hub | Git | DisCord |
|---|---|---|---|
 |
 |
 |
 |
회원 가입 기능
사장님 회원과 개인 회원으로 가입이 가능하고,
유저별로 다른 기능을 이용할 수 있습니다.
토큰 방식으로 가입을 구현하였고,
Google OAuth 방식으로 가입 및 로그인할 수 있습니다.
유저 팔로우, 북마크 기능
사장님 회원은 카페 팔로우를 확인할 수 있습니다.
개인 회원은 다른 회원을 팔로우할 수 있고, 나를 팔로우한 사람을 조회할 수 있습니다.
개인 회원은 카페와 포스트를 북마크할 수 있습니다.
회원별 기능
👨🍳사장님 회원: 카페 등록, 수정, 삭제, 메뉴 등록, 수정, 삭제. 카페 팔로워 조회
🙎♂️개인 회원: 포스트 등록, 수정, 삭제, 댓글, 대댓글 등록, 수정, 삭제.
회원 팔로우, 팔로잉. 카페, 포스트 북마크. 카카오톡 소셜 공유.
글 작성은 회원만 등록할 수 있고, 작성자만 수정, 삭제할 수 있습니다.
검색 기능
메인에서 카페 이름, 메뉴 이름으로 검색할 수 있고,
태그 검색을 활용하여 취향에 맞는 카페를 조회할 수 있습니다.
카페 포스트 순, 별점 순 조회로 인기 있는 카페를 한눈에 확인할 수 있습니다.
별점 기능
회원들이 포스트를 쓰면서 카페에 대한 별점을 남길 수 있습니다.
카페 정보에서는 그 별점들을 계산하여 평균을 나타냅니다.
메인 페이지에서 별점 순으로 조회할 수 있어서 지금 핫하고 인기 많은 카페를 찾아볼 수 있습니다.
| Message | 설명 |
|---|---|
| ✨[feat] | 새로운 기능을 추가할 경우 |
| 🐛[fix] | 버그를 고친 경우 |
| 💄[design] | CSS 등 사용자 UI 디자인 변경 |
| 🎨[style] | 코드 포맷변경, 세미콜론 누락, 코드수정이 없는 경우. |
| ♻[refactor] | 프로덕션 코드 리펙토링할 경우 |
| 💡[comment] | 필요한 주석 추가 및 변경 |
| 📝[docs] | 문서를 수정한 경우 |
| ✅[test] | 테스트 코드 작업을 할 경우 |
| 📦[chore] | 빌드 테스트 업데이트, 패키지 매니저를 설정하는 경우 |
| 🚚[rename] | 파일 혹은 폴더명을 수정하거나 옮기는 작업만 하는 경우 |
| 🔥[remove] | 삭제하는 작업만 수행한 경우 |
| 🚑[!HOTFIX] | 급하게 치명적인 버그를 고침 |