https://github.com/codestates-seb/seb42_main_008

Last synced: about 1 year ago
JSON representation

Host: GitHub
URL: https://github.com/codestates-seb/seb42_main_008
Owner: codestates-seb
Created: 2023-03-02T02:12:17.000Z (over 3 years ago)
Default Branch: main
Last Pushed: 2023-10-26T06:42:28.000Z (over 2 years ago)
Last Synced: 2025-04-13T01:45:47.168Z (about 1 year ago)
Language: TypeScript
Size: 1.6 MB
Stars: 10
Watchers: 3
Forks: 6
Open Issues: 0
Metadata Files:
- Readme: README.md

Awesome Lists containing this project

README

          


  


  

  Party People | 여행 동행자 구하기






## 목차

1. [**서비스 소개**](#1)

1. [**주요 기능**](#2)

1. [**개발 기간**](#3)

1. [**바로가기**](#4)

1. [**팀원 소개**](#5)

1. [**팀원별 개발 내용**](#6)

1. [**기술 스택**](#7)

1. [**커밋 컨벤션**](#8)






## 🎉 서비스 소개

> 


Party People은 홀로 여행하는 여행자들을 위해 함께 동행할 수 있는 동행자를 찾는 서비스입니다.

> 새로운 여행, 함께 할 동행자를 찾고 있나요? 함께하는 즐거움을 더해줄 파트너를 만나보세요!







## ✨ 주요 기능

* 🤝 동행자 모집 기능


  - 여행지에서 함께 동행할 파티를 직접 모집해 보세요!

  - 원하는 대륙, 국가를 선택하고 지도로 함께 가고싶은 장소를 골라 글을 작성해보세요!

* 👤 프로필 페이지

  - 다른 유저의 성별, 자기소개, 매너점수, 팔로잉/팔로워 등의 정보를 확인할 수 있어요 :)

  - 다른 유저를 팔로우할 수 있어요!

  - 유저와 동행했던 다른 동행자들이 남긴 평가를 확인할 수 있어요!

  - 유저가 작성/참여/신청한 모든 동행글을 살펴볼 수 있어요!

* 💌 메신저 기능

  - 함께 동행하고 싶은 유저에게 쪽지를 보내보세요!

  - 작성한 동행글에 다른 유저가 참여 신청을 보내면, 쪽지로 알림을 받아볼 수 있어요!

  - 내 신청이 수락/거절되었다면, 쪽지로 알림을 받아볼 수 있어요!

  - 헤더에서 실시간으로 읽지 않은 쪽지 개수를 확인할 수 있어요 :)

* ✅ 동행 평가 기능

  - 참여한 동행이 완료되었다면, 다른 유저들을 위해 동행자 리뷰를 작성할 수 있어요 :)

  - 작성된 리뷰를 바탕으로 누적된 유저의 매너점수를 프로필에서 확인할 수 있어요!

* 💬 채팅 기능

  - 함께 동행하는 참여자들과 채팅방에서 실시간으로 소통할 수 있어요 :)

  - 이전 채팅 내용들을 확인할 수 있어요!






## 📅 개발 기간

> 
2023/03/03 ~ 2023/03/24


## ➕ 추가기능(채팅) 개발 기간

> 
2023/05/17 ~ 2023/08/07







## 📎 바로가기

* [▶️ **배포 링크 바로가기**](http://partypeople.s3-website.ap-northeast-2.amazonaws.com/)

* [🎆 팀 노션 페이지 바로가기](https://phrygian-neem-c42.notion.site/Main-Project-6b6a883620bd4a6ebeeca2c5338a38fa)

* [🖥 구현 완료 화면 캡쳐본 보러가기](https://phrygian-neem-c42.notion.site/e59be6b540364dfb90dc40edaa98aa61)






## 👪 팀원 소개

  

    

      

        

      

    

    

      

        

      

    

    

      

        

      

    

    

      

        

      

    

    

      

        

      

    

    

      

        

      

    

  

  

    

      

        👑 조은선
(Front-end)

      

    

    

      

        김상교
(Front-end)

      

    

    

      

        장장미
(Front-end)

      

    

    

      

        👑 이승철
(Back-end)

      

    

    

      

        조국선
(Back-end)

      

    

    

      

        홍수경
(Back-end)

      

    

  






## 🧩 팀원별 개발 내용

|  이름  |   역할    |                                                                                                                          개발 내용                                                                                                                           |

| :----: | :-------: | :----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------: |

| 조은선 | Front-end  | 회원가입 페이지 스타일링, 기능 및 유효성 검사
로그인 페이지 스타일링, 기능 및 토큰 쿠키 저장
동행글 상세 페이지 스타일링, 조회 및 삭제
지도 렌더링
동행 수락/거절 기능
동행 신청/취소 기능
참여 신청/취소 기능
리뷰 및 평가 기능
Footer
 |

| 김상교 | Front-end  | 대륙별 국가 선택 페이지 스타일링 & 기능 구현
글 작성-수정 페이지 스타일링 & 기능 구현
지도 검색 및 마커 렌더링 기능 추가
헤더 및 로그인 상태 로그아웃 상태 구현
쪽지 및 실시간 미열람 쪽지 개수
 |

| 장장미 | Front-end | 메인 페이지 스타일링 & 기능 구현
대륙 선택 페이지 스타일링 & 기능 구현
국가별 동행글 리스트 페이지 스타일링 & 기능 구현
프로필 페이지 스타일링 & 기능 구현
구글&카카오 로그인/회원가입 구현
토큰 만료 및 재발급 관리 (customAxios, interceptor)
 |

| ✨공통 | Front-end  | 채팅 스타일링
실시간 채팅 기능
채팅 목록 조회
이전 채팅 내용 조회
안읽은 메세지 개수 확인 |

| 이승철 | Back-end | 쪽지 발신, 단건/전체 조회, 삭제
평가 등록, 조회
동행글 검색
동행 신청, 취소, 동행 참가 승인, 동행 참가 취소
읽지 않은 쪽지 수 실시간 알림
 |

| 조국선 | Back-end | 회원가입/수정/탈퇴
자체 로그인, 구글/카카오 로그인, 로그아웃
JWT관리
팔로우 등록/취소/조회
신청/참여/작성/리뷰 글 조회
 |

| 홍수경 | Back-end  | 동행글 작성/수정/삭제/단건 조회
대륙-국가별 동행글 개수 조회
로그인한 유저가 리뷰한 참여자 조회
동행글 완료 여부 갱신
쪽지 발신
 |

| ✨공통 | Back-end  | 채팅방 만들기
웹소켓 연결
메시지 보내기
메시지 확인
참여 채팅 목록 요청
채팅 내용 요청
안 읽은 메시지 요청
채팅 내용 저장 |






## 🛠 기술 스택



  



### 스택 및 라이브러리

|  **Front-End**   |   **Back-End**  | 

| :----------: | :-----------: |

| `React`, `TypeScript`, `Recoil`, `styled-components`, `react-google-maps/api`, `use-places-autocomplete`, `react-simple-maps`, `axios`, `prittier`, `eslint`, `html`, `React Router`, `react-datepicker`, `react-quill`, `toastr`, `SweetAlert2`, `react-icons`, `react-cookies`, `react-slick`, `sockjs-client` | `Java`, `gradle`, `Spring`, `Spring Boot`, `Spring Data JPA`, `Spring Security`, `Mysql`, `MongoDB`, `Spring Rest Docs`, `OAuth2`, `Redis`, `JWT`, `MailSender`, `SSE`, `Mapstruct`, `JUnit5`, `hibernate`, `QueryDSL`, `WebSocket`, `Webflux`, `Jenkins` |






## 💬 커밋 컨벤션

| 타입 | Emoji | Code | 설명 |

| --- | --- | --- | --- |

| feat | ✨ | : sparkles : | 새로운 기능 추가 |

| fix | 🐛 | : bug : | 버그 수정 |

| docs | 📝 | : memo : | 문서 수정 |

| refactor | ♻️ | : recycle : | 코드 리팩터링 |

| test | ✅ | : white_check_mark : | 테스트 코드, 리팩터링 테스트 코드 추가(프로덕션 코드 변경 X) |

| chore | 📦 | : package : | 빌드 업무 수정, 패키지 매니저 수정(프로덕션 코드 변경 X) |

| design | 💄 | : lipstick : | CSS 등 사용자 UI 디자인 변경 / 이미지 파일 업로드 |

| comment | 💡 | : bulb : | 필요한 주석 추가 및 변경 |

| rename | 🚚 | : truck : | 파일 혹은 폴더명을 수정하거나 옮기는 작업만인 경우 |

| remove | 🔥 | : fire : | 파일을 삭제하는 작업만 수행한 경우 |

| api changes | 👽 | : alien : | API 변경의 경우 |

| !hotfix | 🚑 | : ambulance : | 급하게 치명적인 버그를 고쳐야 하는 경우 |

| misc | 🔀 | : twisted_rightwards_arrows : | merge 충돌해결 |

| other | 🤡 | : clown_face : |  커밋 타입 중 해당 사항이 없을 때  |

| .gitignore | 🙈 | : see_no_evil : | .gitignore 추가/수정 |