GatherGo

번개 매칭 플랫폼

데모 영상 보기(준비중) · 팀 페이지 · 화면 설계

프로젝트 관리

진행상황을 비롯한 프로젝트에 대한 전반적인 관리는 모두 상단에 링크되어있는 팀 페이지를 통해 관리하고 있습니다.

Built With

FRONTEND

BACKEND

기능

메인 페이지

메인 페이지 상세 설명

✨ 검색 옵션에 따라 해당되는 모임 정보들을 열람할 수 있다.
✨ 지역 검색, 카데고리 검색, 키워드 검색을 지원한다.
✨ 현재 시간 기준으로 마감되거나 시간이 지난 모임들은 보이지 않는다.
✨ 사용자들은 최신순 혹은 마감 임박순으로 번개 모임들을 확인해 볼 수 있다.
✨ 알람 탭을 누르면 사용자가 참여한 모임에 해당되는 알림 사항들을 확인해 볼 수 있다.

마이페이지

마이 페이지 상세 설명

✨ 메인 페이지에서 프로필 버튼을 누르면 해당 유저에 해당 되는 마이 페이지로 넘어간다.
✨ 마이 페이지에서 프로필 이미지를 업로드할 수 있다.
✨ 마이 페이지에서 내가 호스트한 만남과 진행 상태를 확인해 볼 수 있다.
✨ 마이 페이지에서 나의 만남 스케줄을 확인해 볼 수 있다.
✨ 마이 페이지에서 내가 호스트한 만남 및 만남 스케줄의 모임을 클릭하면 해당 모임 모달 창으로 연결된다.

번개 상세 모달

번개 상세 모달 설명

✨ 메인 페이지에서 해당 번개 카드를 누르면 상세 정보를 모달을 통해 보여준다.
✨ 모달 안에서는 댓글을 생성 및 삭제할 수 있다.
✨ 호스트는 모달 안에서 톱니 바퀴를 눌러 상세 정보를 수정하거나 모임을 마감할 수 있다.
✨ 유저는 호스트의 자기 소개를 볼 수 있다.
✨ 유저는 버튼을 통해 해당 번개 모임에 대해 참여 및 참여 취소를 할 수 있다.
✨ 해당 번개 모임의 호스트는 반드시 참여하게 된다.
✨ 현재 참여 인원이 다 찬 모임에는 참여할 수 없다.

알람 기능

알람 상세 설명

✨ 현재 유저가 참여하고 있는 글에 대한 알림이 있을 경우, 웹 푸시 알림을 받을 수 있다.
✨ 유저가 받은 알람 내역들은 알림 사이드 바를 통해 확인할 수 있다.
✨ e.g. 모임 상세가 수정되었을 때, 호스트가 마감했을 때 , 댓글이 달렸을 때

번개 만들기

번개 만들기 상세 설명

✨ 번개 모임 글 등록시, 카카오 지도를 통해 만남 장소를 입력한다.
✨ 현재 시간 이전으로는 번개 모임 생성이 불가능하다.
✨ 관심 장소 검색시 나타나는 마커를 선택하여 해당 장소를 지정하게 된다.

챗봇

챗봇 상세 설명

✨ OpenAI API를 기반으로 훈련시킨 자연어 처리가 가능한 챗봇
✨ 웹 사이트에 대한 사용자의 질문에 답변한다

아키텍처

프로젝트 아키텍처

ERD

API 스펙 관리

이슈 관리

ZenHub를 바탕으로 칸반 보드를 통한 이슈 관리를 하고 있습니다.

디렉토리 구조

프론트 디렉토리 구조

gathergo
 ┣ public
 ┃ ┗ assets
 ┃   ┣ Icons
 ┃   ┣ Logo
 ┃   ┗ category
 ┃     ┣ icons
 ┃     ┗ thumbnails
 ┣ src
 ┃ ┣ common
 ┃ ┃ ┣ fg.timepicker-master
 ┃ ┃ ┣ kakaoMapAPI
 ┃ ┃ ┗ utils
 ┃ ┣ components
 ┃ ┃ ┣ card
 ┃ ┃ ┣ comment
 ┃ ┃ ┣ dropdown
 ┃ ┃ ┣ fba
 ┃ ┃ ┣ form
 ┃ ┃ ┃ ┗ postingForms
 ┃ ┃ ┣ header
 ┃ ┃ ┣ modals
 ┃ ┃ ┣ profile
 ┃ ┃ ┃ ┣ tabEdit
 ┃ ┃ ┃ ┣ tabProfile
 ┃ ┃ ┗ sidebar
 ┃ ┣ css
 ┃ ┣ pages
 ┃ ┣ server
 ┃ ┗ store
 ┣ index.html
 ┣ index.ts
 ┣ package-lock.json
 ┣ package.json
 ┗ tsconfig.json

백엔드 디렉토리 구조

├── main
│   ├── java
│   │   └── lightning
│   │       └── gathergo
│   │           ├── Utils
│   │           ├── config
│   │           ├── controller
│   │           ├── dto
│   │           ├── exception
│   │           ├── filter
│   │           ├── interceptor
│   │           ├── mapper
│   │           ├── model
│   │           ├── repository
│   │           ├── scheduler
│   │           └── service
│   └── resources
│       ├── static
│       └── templates
└── test
    └── java
        └── lightning
            └── gathergo
                ├── controller
                ├── firebase
                ├── mapper
                ├── repository
                └── service

팀원 소개

FRONTEND

최승호	윤성환
@tdmdgh	@SUNGWHANYOON

BACKEND

한상훈	신정아	공윤재
@sangho0n	@JeongA-Shin	@yunjaeGong