Giter VIP home page Giter VIP logo

icon-bold-line-nobackground

모바일 환경을 기반으로 제작되었기 때문에, 모바일로 보는 것을 추천드립니다 😉


프로젝트 소개

칵테일 정보를 얻고 나만의 칵테일을 만들어 유저들과 공유해보세요.

주류주아는 칵테일이 부자들의 전유물이라고 생각하는 이들을 위해 탄생했습니다.

이제는 많은 사람들이 즐기는 칵테일을 더 쉽게, 더 많이 즐길 수 있게 하고자 합니다.

주류주아에서 얻은 칵테일 정보를 바탕으로 응용한 나만의 특별한 칵테일을 만들고, 피드를 통해 다른 유저들에게 자랑해 보세요!


일정 및 팀원 소개 (대전 1반 2팀)

📌 일정 : 2022.07.11 ~ 2022.08.19 (6주)


👨‍💻 팀원 소개 : 총 6명

  • 박승훈[FE] : 팀장, FE 파트장
  • 고승효[FE] : 팀원
  • 박재경[FE] : 팀원, 부팀장
  • 전승준[BE] : 팀원, BE 파트장
  • 김낙현[BE] : 팀원
  • 송선아[BE] : 팀원

hontail_team


기술 스택

1. Frontend 2. Backend 3. DB 4. CI/CD 5. IDE
Vue 3.2.37 Java OpenJDK 11 MariaDB 10.8 AWS EC2 IntelliJ IDEA 2022.1.3
Vue-router 4.1.2 Spring Boot 2.7.1 Redis Docker Vscode 1.70.0
Vue-tsc 0.38.4 Spring Data JPA 2.7.1 Cloud Firestore Jenkins
Vuex 4.0.2 Spring Security 5.7.2 NGINX
Sass 1.53.0 JWT SSL
Node-sass 7.0.1 OAuth 2.0
Ssas-loader 7.1.0
Typescript 4.6.4
Vite 3.0.0

🏗️ 아키텍쳐

hontail_architecture


🎨 디자인 시스템

Untitled


🔖 주요 기능

1. 칵테일 정보

검색 필터
jourjeous_1-1 jourjeous_1-2
  • 검색: 칵테일 이름, 재료 키워드로 검색 & 자동완성을 기능을 통해 편리하게 검색 가능
  • 필터: 도수, 재료 필터를 통한 맞춤 칵테일 검색


칵테일 정보 칵테일 북마크 커스텀 칵테일
jourjeous_1-3 jourjeous_1-4 jourjeous_1-5
  • 정보: 다양한 칵테일에 대한 정보 확인 (재료, 도수, 레시피 등)
  • 후기: 유저들의 칵테일에 대한 솔직한 후기
  • 북마크: 북마크를 통한 칵테일 기록

2. 게시글

커스텀 칵테일 일반 게시글
jourjeous_2-1 jourjeous_2-2
  • 커스텀 칵테일: 나만의 칵테일을 만들어 재료, 레시피를 유저들과 공유
  • 일반 게시글: 칵테일 바 후기, 일상 이야기 등 일반 게시글도 업로드 가능


댓글과 좋아요 공유하기
jourjeous_2-3 jourjeous_2-4
  • 댓글과 좋아요: 댓글과 좋아요를 통한 유저들 간의 소통
  • 공유하기: 페이스북, 트위터, 카카오톡 공유하기 기능을 활용한 게시글 공유

3. 뉴스피드

뉴스피드 리스트 뉴스피드 게시글
jourjeous_3-1 jourjeous_3-2
  • 팔로우, 팔로잉: 유저를 팔로우하여, 팔로우한 유저들의 게시글을 일괄적으로 확인

4. 칵테일 추천

HOME 전체보기 검색어 추천
4-1  홈 전체 4-2  전체 보기 4-3  인기 검색어 검색
  • 상황별 추천: 친구들과 함께, 연인과 함께 등 상황별 어울리는 칵테일 추천
  • 취향 분석: 취향 분석을 통한 비슷한 칵테일 추천
  • 게시글 추천: 유저들이 만든 칵테일 게시물 중 인기 있는 게시물 추천
  • 영상 추천: 칵테일 관련 영상 랜덤 추천
  • 인기 검색어: 지난 한 시간 동안의 인기 검색어를 통한 트랜드 체크

5. 채팅 & 알림

채팅 알림
jourjeous_5-1 jourjeous_5-2
  • 실시간 채팅: 1:1 채팅을 통한 실시간 소통
  • 알림: 다른 유저가 나를 팔로우하거나, 내가 작성한 게시글에 반응하면 생성되는 알림
  • 알림 명세: 알림 상세 명세를 클릭하여, 어디서 알림이 발생했는지 확인 가능

6. 칵테일 어워즈

어워즈 탭 어워즈 등록
6-1  어워즈 탭 6-2  어워즈 등록
  • 참여: 일정 기간동안 열리는 칵테일 관련 어워즈에 참가자로서 참여 가능
  • 투표: 참가작들을 한 눈에 보고 마음에 드는 칵테일에 투표

7. 프로필

프로필 탭 공개 설정
7-1  프로필 페이지 탭 7-2  비공개 공개 설정
  • 채팅: 채팅을 통한 즉각적인 소통
  • 프로필 공개 설정: 다른 유저에게 프로필 노출 여부 선택
  • 기록 관리: 게시글, 후기, 북마크한 칵테일 등 사이트에서 활동한 내용을 관리

📖 문서

Docs Link
FE 요구사항 정의서 링크
BE 요구사항 정의서 링크
QA 링크
WBS 링크
1주차 발표자료 링크
2주차 발표자료 링크
3주차 발표자료 링크

혼테일's Projects

jourgeois icon jourgeois

300여 종의 칵테일 검색 및 추천 동시에, 타 유저와의 소통이 가능한 SNS 서비스

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.