/KOALAMATE

부담없이 편하게 취향이 비슷한 술 친구를 찾는 서비스, 코알라메이트

Primary LanguageJavaScript


koala LOGO

🥂부담없이 편하게, 취향이 비슷한 술 친구를 찾는 서비스🍸

삼성 청년 소프트웨어 아카데미 공통 프로젝트 우수상 수상🥈

[ SSAFY 10기 공통 PJT ]


목차

  1. 웹 서비스 소개
  2. 기술 스택
  3. 주요 기능
  4. 프로젝트 구성도
  5. 서비스 화면
  6. 개발 팀 소개
  7. 개발 기간 및 일정
  8. 디렉터리 구조
  9. 산출물

✨ 웹 서비스 소개

너, 내 술 친구가 돼라!🐨
코알라 메이트에서는 자신의 냉장고를 꾸미고, 레시피를 공유하며 술 취향을 표현할 수 있습니다.
지도에서 친구의 냉장고를 찾고, 실시간 음성채팅을 통해 편하게 술 친구를 만들 수 있습니다.


🛠️ 기술 스택

Frontend

Backend

DevOps

Tools


💡 주요 기능

기능내용
메이트 찾기 위치 기반 서비스를 통해 내 위치와 가까운 메이트의 냉장고부터 지도에서 볼 수 있습니다.
냉장고 꾸미기 냉장고의 외부는 MBTI 뱃지로, 내부는 카테고리 별로 술병을 배치하며 냉장고를 꾸밉니다.
실시간 채팅 서비스의 어떤 페이지에서든 실시간 텍스트, 음성 채팅을 이용할 수 있습니다.
칵테일 레시피 공유 엄선된 레시피를 즐기거나, 나만의 레시피를 다른 사용자들과 공유하고 좋아요/팔로우를 등록합니다.

📂 프로젝트 구성도

아키텍처



ERD


🖥️ 서비스 화면

메인화면

메인화면

코알라 메이트 찾기

내 주변의 냉장고 메이트의 프로필
= =
메이트의 팔로워 메이트의 팔로잉
= =

나만의 냉장고 꾸미기

냉장고 외부 냉장고 내부1 냉장고 내부2
= = =

실시간 채팅

채팅방, 대화목록
=

칵테일 레시피

레시피 리스트 레시피 상세
= =
레시피 댓글 레시피 검색
= =
레시피 작성
=

👨🏻‍💻 개발 팀 소개

BE / 팀장 BE BE FE FE FE
장민성 프로필 이준수 프로필 황윤정 프로필 박단비 프로필 조현우 프로필 편수지 프로필
장민성 이준수 황윤정 박단비 조현우 편수지

🗓️ 개발 기간 및 일정

24.01.03 ~ 24.02.16


📂 디렉터리 구조

Front-end

frontend
├───assets
├───components
│   ├───Comment
│   ├───FindMate
│   ├───Follow
│   ├───Fridge
│   ├───home
│   ├───Profile
│   │   └───Update
│   ├───RecipeBoard
│   ├───Search
│   └───WriteBoard
├───containers
├───context
├───fonts
├───hooks
├───Layout
├───pages
├───store
└───utils

Back-end

backend
├───java
│   └───com
│       └───ssafy
│           └───koala
│               ├───config
│               │   └───jwt
│               ├───controller
│               │   ├───chat
│               │   ├───file
│               │   └───user
│               ├───dto
│               │   ├───board
│               │   ├───chat
│               │   ├───cocktail
│               │   ├───drink
│               │   ├───file
│               │   └───user
│               ├───exception
│               │   └───file
│               ├───model
│               │   ├───chat
│               │   ├───file
│               │   └───user
│               ├───repository
│               │   ├───chat
│               │   └───file
│               └───service
│                   ├───chat
│                   ├───file
│                   └───user
└───resources

📃 산출물