https://github.com/tripinfoweb/solitour-frontend
Solitour - 새로운 나를 찾는 여행 (Front-end)
https://github.com/tripinfoweb/solitour-frontend
app-router feature-sliced-design fetch framer-motion front-end fsd nextjs react-quill tailwindcss typescript zod zustand
Last synced: about 2 months ago
JSON representation
Solitour - 새로운 나를 찾는 여행 (Front-end)
- Host: GitHub
- URL: https://github.com/tripinfoweb/solitour-frontend
- Owner: TripInfoWeb
- License: mit
- Created: 2024-05-30T13:20:24.000Z (about 2 years ago)
- Default Branch: main
- Last Pushed: 2025-04-27T12:50:16.000Z (about 1 year ago)
- Last Synced: 2025-11-11T16:29:18.400Z (7 months ago)
- Topics: app-router, feature-sliced-design, fetch, framer-motion, front-end, fsd, nextjs, react-quill, tailwindcss, typescript, zod, zustand
- Language: TypeScript
- Homepage: https://www.solitourist.com
- Size: 137 MB
- Stars: 0
- Watchers: 0
- Forks: 1
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
Solitour - 새로운 나를 찾는 여행
> 배포 링크
**https://www.solitourist.com**
목차
- [✅ 서비스 소개](#-서비스-소개)
- [💾 주요 기능](#-주요-기능)
- [메인 페이지](#메인-페이지)
- [정보 목록 조회](#정보-목록-조회)
- [정보 상세 조회](#정보-상세-조회)
- [정보 생성](#정보-생성)
- [정보 수정](#정보-수정)
- [모임 목록 조회](#모임-목록-조회)
- [모임 상세 조회](#모임-상세-조회)
- [모임 수정](#모임-수정)
- [모임 삭제](#모임-삭제)
- [모임 참가](#모임-참가)
- [여행일기 목록 조회](#여행일기-목록-조회)
- [여행일기 상세 조회](#여행일기-상세-조회)
- [여행일기 생성](#여행일기-생성)
- [로그인](#로그인)
- [마이페이지](#마이페이지)
- [고객지원](#고객지원)
- [✏️ 개발 기록](#️-개발-기록)
- [🏛️️ 아키텍처](#️️-아키텍처)
- [📚 기술스택](#-기술스택)
- [👤 팀원 소개](#-팀원-소개)
## ✅ 서비스 소개
- Solitour(솔리투어)는 사용자들이 여행한 정보를 기록하고 공유하여 여행 정보나 팁을 이미지와 함께 제공하거나, 사용자들이 모임 기간, 모임 마감일, 성별, 나이, 장소, 참여 인원 등을 설정하여 모임을 등록하고, 모임에 신청할 수 있는 서비스를 제공합니다. 또한 본인의 여행 기록을 남길 수 있는 서비스도 제공합니다.
- 여행 정보
- Solitour는 사용자들이 직접 작성한 여행 정보를 통해 혼자 여행하는 사람들에게 유용한 맛집, 숙박, 액티비티 정보를 제공합니다.
- 이를 통해 혼자 여행하는 사람들이 경험에 기반한 신뢰할 수 있는 정보를 쉽게 얻을 수 있습니다.
- 모임
- 사용자들은 취미와 활동을 기반으로 모임을 생성하고 참여할 수 있습니다.
- 이를 통해 평소에 혼자 즐기기 어려웠던 취미와 활동을, 공통의 관심사를 갖고 있던 사람들과 함께 즐길 수 있는 기회를 제공합니다.
- 여행 일기
- 사용자 자신의 여행 기억을 이미지와 감정을 함께 기록하고 일기 형식으로 남기면서 자신의 여행을 회고할 수 있는 서비스를 제공합니다.
## 💾 주요 기능
### 메인 페이지
- 메인 페이지에서는 최근 3개월 내에 사람들이 많이 찾아본 여행 정보를 확인할 수 있습니다.
- 또한 최근 모집 중인 모임에 대한 정보를 확인할 수 있습니다.
### 정보 목록 조회
- 최근 3개월 내의 가장 인기 있는 여행 정보 글 Top 5를 확인할 수 있습니다.
- 정보 목록 페이지에서는 작성된 여행 정보 목록을 확인할 수 있습니다.
- 카테고리 별로 여행 정보 목록을 확인할 수 있습니다.
- 제목 검색과 태그 검색 기능을 지원합니다.
- 정보 글 목록을 최신순, 좋아요순, 조회순으로 조회할 수 있습니다.
- 지역별 필터링 기능을 지원합니다.
- 북마크 기능을 지원합니다.
### 정보 상세 조회
- 다른 사용자가 작성한 여행 상세 정보를 조회할 수 있습니다.
- 좋아요수, 조회수를 확인할 수 있습니다.
- 동일한 카테고리에 속하는 추천 여행 정보 목록을 확인할 수 있습니다.
### 정보 생성
- 제목, 장소, 카테고리, 이미지, 내용, 해시태그, 정보 Tip을 등록할 수 있습니다.
- 이미지는 최대 12개까지 등록할 수 있습니다.
### 정보 수정
- 자신이 작성한 정보 글을 수정할 수 있습니다.
### 모임 목록 조회
- 최근 3개월 내의 가장 인기 있는 모임 모집 글 Top 5를 확인할 수 있습니다.
- 모임 목록 페이지에서는 현재 모집 중인 모임 목록을 확인할 수 있습니다.
- 취미 또는 활동 별로 모임 목록을 확인할 수 있습니다.
- 제목 검색과 태그 검색 기능을 지원합니다.
- 모임 목록을 최신순, 좋아요순, 조회순으로 조회할 수 있습니다.
- 지역별, 성별, 나이별, 기간별 필터링 기능을 지원합니다.
- 북마크 기능을 지원합니다.
### 모임 상세 조회
- 모임을 생성한 사용자는 현재 모임 참가 신청자 목록을 확인할 수 있습니다.
- 모임 주최자는 모임 신청에 대해 승인 또는 거절을 할 수 있습니다.
- 좋아요수, 조회수를 확인할 수 있습니다.
- 동일한 카테고리에 속하는 추천 모임 목록을 확인할 수 있습니다.
### 모임 수정
- 자신이 작성한 모임 글을 수정할 수 있습니다.
### 모임 삭제
- 자신이 작성한 모임 글을 삭제할 수 있습니다.
### 모임 참가
- 사용자는 다른 사용자가 생성한 모임에 대해 참가 신청을 하거나 취소할 수 있습니다.
### 여행일기 목록 조회
- 자신이 작성한 여행일기 목록을 조회할 수 있습니다.
- 여행일기를 카드 형식으로 표시합니다.
### 여행일기 상세 조회
- 자신이 작성한 여행일기 내용을 상세하게 확인할 수 있습니다.
### 여행일기 생성
- 제목, 날짜, 장소, 기분, 내용을 입력하여 여행일기를 작성할 수 있습니다.
- 업로드할 수 있는 이미지 개수에는 제한이 없습니다.
### 로그인
- 사용자가 서비스를 쉽게 이용할 수 있도록 Kakao OAuth 로그인을 지원합니다.
### 마이페이지
- 마이페이지에서 자신이 작성한 정보 또는 모임 글을 확인할 수 있습니다.
- 북마크한 정보 또는 모임 글을 확인할 수 있습니다.
- 닉네임이나 프로필 이미지를 변경할 수 있습니다.
- 서비스를 더 이상 이용하지 않을 경우 회원탈퇴 기능을 지원합니다.
### 고객지원
- 서비스 소개, 공지사항, FAQ, 이용약관 정보를 제공합니다.
## ✏️ 개발 기록
| 제목 | 핵심 키워드 | 작성자 |
| ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ------------------------------- | ----------------------------------------- |
| [🧭Next.js에서 Kakao 지도 API 적용 방법](https://hyunjinno.github.io/posts/kakao-map/) | `Kakao Map` | [HyunJinNo](https://github.com/HyunJinNo) |
| [📝Next.js에서 ReactQuill 사용 방법](https://hyunjinno.github.io/posts/react-quill/) | `Quill` | [HyunJinNo](https://github.com/HyunJinNo) |
| [🔛좌우 드래그 스크롤 구현 방법](https://hyunjinno.github.io/posts/horizontal-drag-scroll/) | `Scroll` | [HyunJinNo](https://github.com/HyunJinNo) |
| [🖼Next.js Quill 이미지 처리 방법](https://hyunjinno.github.io/posts/react-quill-image/) | `Image` `Quill` | [HyunJinNo](https://github.com/HyunJinNo) |
| [🪟모달 창(Modal Window) 뒤로가기 이벤트 처리 방법](https://hyunjinno.github.io/posts/modal-back-button/) | `Modal` | [HyunJinNo](https://github.com/HyunJinNo) |
| [🐻Zustand 사용 방법](https://hyunjinno.github.io/posts/zustand/) | `Zustand` | [HyunJinNo](https://github.com/HyunJinNo) |
| [🐋Docker의 개념과 사용 방법](https://hyunjinno.github.io/posts/docker/) | `Docker` `Standalone` | [HyunJinNo](https://github.com/HyunJinNo) |
| [✅GitHub PR & Issue Template 생성 방법](https://hyunjinno.github.io/posts/github-template/) | `GitHub` `Pull Request` `Issue` | [HyunJinNo](https://github.com/HyunJinNo) |
| [🧱(리팩토링 전) Presentational & Container Components 패턴]() | `FE Architecture` | [HyunJinNo](https://github.com/HyunJinNo) |
| [🧱(리팩토링 후) Presentational & Container Components 패턴을 제거한 이유]() | `FE Architecture` | [HyunJinNo](https://github.com/HyunJinNo) |
| [📘Next.js 프로젝트에 FSD 아키텍처 적용하기](https://hyunjinno.github.io/posts/fsd-example-nextjs/) | `FE Architecture` `FSD` | [HyunJinNo](https://github.com/HyunJinNo) |
| [📆react-date-range 사용 방법](https://blog.ssssksss.xyz/blog2/56?menu=%EA%B8%B0%EC%B4%88) | `react-date-range` | [ssssksss](https://github.com/ssssksss) |
| [🕛date-fns 사용 방법](https://blog.ssssksss.xyz/blog2/66?menu=%EA%B8%B0%EC%B4%88) | `date-fns` | [ssssksss](https://github.com/ssssksss) |
| [🔡긴 문자열을 처리하는 방법](https://blog.ssssksss.xyz/blog2/11?menu=%EA%B2%B0%EA%B3%BC) | `Tailwind CSS` `String` | [ssssksss](https://github.com/ssssksss) |
| [✂react-easy-crop 사용 방법](https://blog.ssssksss.xyz/blog/665) | `react-easy-crop` | [ssssksss](https://github.com/ssssksss) |
| [🔑nextjs middleware 사용 방법](https://blog.ssssksss.xyz/blog/669) | `middleware` | [ssssksss](https://github.com/ssssksss) |
| [💻주소에 쿼리스트링 파라미터를 추가, 수정 및 삭제하는 방법](https://blog.ssssksss.xyz/blog/666) | `URLSearchParams` | [ssssksss](https://github.com/ssssksss) |
| [🧱Dropdown 컴포넌트 만들기](https://blog.ssssksss.xyz/blog/670) | `Dropdown` | [ssssksss](https://github.com/ssssksss) |
| [🔓카카오, 구글, 네이버 등 여러 oauth 처리하는 방법](https://blog.ssssksss.xyz/blog/656) | `OAuth` | [ssssksss](https://github.com/ssssksss) |
| [🚀organization repository에서 vercel에 배포하는 방법](https://blog.ssssksss.xyz/blog/652) | `CI/CD` | [ssssksss](https://github.com/ssssksss) |
## 🏛️️ 아키텍처
## 📚 기술스택
| 분류 | 기술 스택 |
| ------------------- | ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
| FE |           |
| BE |    |
| Database |  |
| Infrastructure |       |
| Collaboration Tools |       |
## 👤 팀원 소개
| 김수아 | 노현진 | 이수경 | 원동훈 | 정재현 |
| :----------------: | :--------------------------------------------------------------------: | :-------------------------------------------------------------------: | :------------------------------------------------------------------: | :--------------------------------------------------------------------: |
| | 
| 
| 
| 
|
| Sua0714hotmail.com | [HyunJinNo](https://github.com/HyunJinNo) | [ssssksss](https://github.com/ssssksss) | [Astin01](https://github.com/Astin01) | [hyeonjaez](https://github.com/hyeonjaez) |
| Designer | Front-end | Front-end | Back-end | Back-end |