🚀 같이가요 _ FE

목차

1. 팀원소개
2. FE_ 역할분담
3. 배포주소
4. 프로젝트 소개
5. Archiecture
6. ERD
7. 기술스택 & 사용 라이브러리
8. API 명세서
9. Wireframe + flowchart
10. 주요 기능 영상

---

🧑‍🤝‍🧑 1. 팀원소개

FE 팀원 : 신상우

FE 팀원 : 박민서

BE 팀장 : 이정우

BE 팀원 : 하남규

BE 팀원 : 양수경

🚩 2. FE_ 역할분담

✅ 공통

• Figma 를 통한 wireframe 작업
• 반응형 구현 (480px , 768px, 1200px)

🤵🏼 신상우의 기능구현 1. 게시글 CRUD 2. 동행요청/취소 (게시글 상세페이지) 3. 알림요청/응답 + 동행후기 4. 게시글 필터 (recoil 통한 filter item 설정) 5. 다른회원 정보확인 페이지 6. react-router v6.22.1로 전체적 라우팅 설정

🤵🏼 박민서의 기능구현 1. 일반/ 카카오 회원가입 2. 일반/ 카카오 로그인 3. 채팅방 4. home _ protected Route 설정 5. 프로필 수정 6. 비밀번호 재설정 7. Recoil Token, UserDetail 전역 상태 지정

🔍 배포 주소

🤚🏼 현재 백엔드 서버 종료로 인해 서비스 이용 불가능 합니다. 🤚🏼

Font-end vercel 배포사이트

🤚🏼 현재 백엔드 서버 종료로 인해 서비스 이용 불가능 합니다. 🤚🏼

🍀 프로젝트 소개 & 노션 링크

같이가요는 여행을 함께 하고 싶은 사람들을 찾아 여행을 떠나는 컨셉의 웹앱입니다!

노션링크

✅ 여행지, 일정, 성별 등 여러 조건을 고려하여 적절한 동행자를 찾아보세요.

✅ 실시간 채팅으로 여러 사람들과 소통하며 정보를 공유하고 계획을 만들어보세요.

✅ 이벤트 발생 시 알림으로 요청, 수락, 메시지 등 중요한 정보를 놓치지 않고 확인해보세요.

✅ 여행이 종료된 후 동행후기를 남겨보세요.

⚓ Archiecture

ERD

🛰 기술 스택 & 사용 라이브러리

Front-End

Production & deploy

Collaboration tool

사용 라이브러리

1. react-dom	2. react-router-dom	3. tailwind CSS	4. react-calendar (캘린더)
5. react-icon	6. react Quill (에디터)	7. daisyUi	8. MSW (목업)
9. react-query (v3.6)	10. moment (날짜관련)	11. recoil(상태관리)	12. WebSocket (채팅방)
13. Stomp.js (채팅방)

API 명세서

https://www.notion.so/API-7cc78ca1be34401586f87aba532b82c9?pvs=4

Wireframe + flowchart

https://www.canva.com/design/DAF9Urai_p4/XhBa4EbFF7rxAkbj3yWFRQ/edit?utm_content=DAF9Urai_p4&utm_campaign=designshare&utm_medium=link2&utm_source=sharebutton

❤ 주요 기능 영상

Create + Update / DELETE / pagenation 구현 (순서대로)

filter 기능 / 다른사람정보보기 / 동행요청 + 취소 (순서대로)

동행후기남기기 / 반응형 (순서대로)