MacJU

맥주 큐레이팅 SNS

Notion Final Organization

---

BACKEND

URL

• 비즈니스 로직 서버

  • http://i6c107.p.ssafy.io:8080/swagger-ui/index.html

• 랭킹 서버

  • http://i6c107.p.ssafy.io:8081/swagger-ui/index.html

• Log ELK Kibana

  • http://i6c107.p.ssafy.io:5601/

• Search ELK Kibana

  • http://i6c107.p.ssafy.io:5602/

아키텍처 설계도

로그인 과정

포트 번호

---

Frontend

- Login(웹)

• 카카오 소셜 로그인

• 회원가입

카카오 로그인을 통해 서비스에 로그인할 수 있으며, 회원가입할때 활동할때 보일 닉네임과 이름, 나이를 입력받는다.

-MainPage(웹/모바일)

• Best 맥주 - 가장 인기 많은 맥주
• Recommend 맥주 - 개인별 추천 알고리즘으로 4개의 맥주 추천
• Hot 포스트 - 가장 인기 많은 포스트

Carousel 형식으로 넘어간다. 배경에는 맥주거품과 같은 거품이 올라가는 애니메이션이 있다.

- Beer List (웹/모바일)

• 맥주 사진 (firebase), 정보(DB)
• 맥주 종류별로 구분된 카드 정렬
• Infinite Scroll

​

Ale, Lager, Radler를 누르면 해당 맥주만 볼 수 있다. 맥주카드 전체 어디든 누르면 맥주 Detail 페이지로 넘어간다.

- Beer Details(모바일)

• 맥주 좋아요, 평점
• 맥주 설명 (도수, 설명, 맛과 향 태그들)
• 맥주별 포스트 목록 (포스팅 하기)

​

맥주를 좋아요할 수 있고, 평가할 수 있다. 포스팅을 할 수 있고, 맥주별 포스트들의 목록도 조회가 가능하다.

- Post Create(모바일/웹)

​

맥주별로 포스트 작성이 가능하다. 원하는 해시태그를 추가할 수 있고, 사진은 여러장 올릴 수 있다.

- Post List (웹/모바일)

• 포스트 사진, 내용, 작성자, 작성날짜, 좋아요 수

포스트의 전체 목록을 최신순으로 조회할 수 있다. 포스트를 누르면 각 포스트 상세페이지로 넘어간다.

- Post Detail (웹/모바일)

• 포스트 사진 Carousel 형식으로 여러장 가능
• 포스트 좋아요
• 포스트가 작성된 맥주 바로가기 기능
• 포스트 작성한 유저 프로필로 바로가기 기능
• 포스트별 댓글달기

​

​

포스트디테일 사진은 fade 되는 carousel 형태이다. 포스트수정삭제는 본인만 가능하다. 댓글작성이 가능하며, 본인이 쓴 댓글만 삭제 가능하다. 댓글목록은 pagination으로 구현하였다.

- Profile(웹/모바일)

• 프로필 페이지
  • 아이콘, 닉네임, 회원정보 수정
  • 팔로우, 팔로잉
  • 한줄소개
  • 자신이아닌 다른 유저 프로필 -> 팔로우/언팔로우 버튼

​

- Profile 수정(웹/모바일)

• 닉네임, 한줄소개 변경
• 개인별 맥주 취향 설정 (맛, 향 기준)

​

- User Posts(웹/모바일)

• 유저별 포스트 목록

- User Review(웹/모바일)

• 맥주이름, 맥주의 평균평점, 유저가 평가한 평점

- UserLike (웹/모바일)

• 유저가 좋아한 맥주들

- Null UserData

• 유저가 좋아한 맥주가 없을 시 보임

- Follow(모달/웹/모바일)

유저들끼리 서로 팔로우를 할 수 있습니다. 다른유저의 팔로워, 팔로잉한 사람들을 볼 수 있습니다.

- Search

• 통합검색기능
• 맥주이름, 맛, 향, 맥주종류, 유저해시태그 검색 가능

향 검색 시 향의 갯수가 표시됨

- Search Result page(웹/모바일)

- NavBar

• 로그인했을때는 로그아웃이 보이고, 로그인안했을 떄는 로그인이 보임
• home, beer, posts