Skip to content

TripInfoWeb/solitour-frontend

Repository files navigation

Solitour - 새로운 나를 찾는 여행

image

배포 링크
https://www.solitourist.com




목차



✅ 서비스 소개

  • Solitour(솔리투어)는 사용자들이 여행한 정보를 기록하고 공유하여 여행 정보나 팁을 이미지와 함께 제공하거나, 사용자들이 모임 기간, 모임 마감일, 성별, 나이, 장소, 참여 인원 등을 설정하여 모임을 등록하고, 모임에 신청할 수 있는 서비스를 제공합니다. 또한 본인의 여행 기록을 남길 수 있는 서비스도 제공합니다.
    • 여행 정보
      • Solitour는 사용자들이 직접 작성한 여행 정보를 통해 혼자 여행하는 사람들에게 유용한 맛집, 숙박, 액티비티 정보를 제공합니다.
      • 이를 통해 혼자 여행하는 사람들이 경험에 기반한 신뢰할 수 있는 정보를 쉽게 얻을 수 있습니다.
    • 모임
      • 사용자들은 취미와 활동을 기반으로 모임을 생성하고 참여할 수 있습니다.
      • 이를 통해 평소에 혼자 즐기기 어려웠던 취미와 활동을, 공통의 관심사를 갖고 있던 사람들과 함께 즐길 수 있는 기회를 제공합니다.
    • 여행 일기
      • 사용자 자신의 여행 기억을 이미지와 감정을 함께 기록하고 일기 형식으로 남기면서 자신의 여행을 회고할 수 있는 서비스를 제공합니다.


💾 주요 기능

메인 페이지

홈

  • 메인 페이지에서는 최근 3개월 내에 사람들이 많이 찾아본 여행 정보를 확인할 수 있습니다.
  • 또한 최근 모집 중인 모임에 대한 정보를 확인할 수 있습니다.

정보 목록 조회

정보목록

  • 최근 3개월 내의 가장 인기 있는 여행 정보 글 Top 5를 확인할 수 있습니다.
  • 정보 목록 페이지에서는 작성된 여행 정보 목록을 확인할 수 있습니다.
  • 카테고리 별로 여행 정보 목록을 확인할 수 있습니다.
  • 제목 검색과 태그 검색 기능을 지원합니다.
  • 정보 글 목록을 최신순, 좋아요순, 조회순으로 조회할 수 있습니다.
  • 지역별 필터링 기능을 지원합니다.
  • 북마크 기능을 지원합니다.

정보 상세 조회

정보상세

  • 다른 사용자가 작성한 여행 상세 정보를 조회할 수 있습니다.
  • 좋아요수, 조회수를 확인할 수 있습니다.
  • 동일한 카테고리에 속하는 추천 여행 정보 목록을 확인할 수 있습니다.

정보 생성

정보생성

  • 제목, 장소, 카테고리, 이미지, 내용, 해시태그, 정보 Tip을 등록할 수 있습니다.
  • 이미지는 최대 12개까지 등록할 수 있습니다.

정보 수정

정보수정

  • 자신이 작성한 정보 글을 수정할 수 있습니다.

모임 목록 조회

모임목록

  • 최근 3개월 내의 가장 인기 있는 모임 모집 글 Top 5를 확인할 수 있습니다.
  • 모임 목록 페이지에서는 현재 모집 중인 모임 목록을 확인할 수 있습니다.
  • 취미 또는 활동 별로 모임 목록을 확인할 수 있습니다.
  • 제목 검색과 태그 검색 기능을 지원합니다.
  • 모임 목록을 최신순, 좋아요순, 조회순으로 조회할 수 있습니다.
  • 지역별, 성별, 나이별, 기간별 필터링 기능을 지원합니다.
  • 북마크 기능을 지원합니다.

모임 상세 조회

모임상세

  • 모임을 생성한 사용자는 현재 모임 참가 신청자 목록을 확인할 수 있습니다.
  • 모임 주최자는 모임 신청에 대해 승인 또는 거절을 할 수 있습니다.
  • 좋아요수, 조회수를 확인할 수 있습니다.
  • 동일한 카테고리에 속하는 추천 모임 목록을 확인할 수 있습니다.

모임 수정

모임수정

  • 자신이 작성한 모임 글을 수정할 수 있습니다.

모임 삭제

모임삭제

  • 자신이 작성한 모임 글을 삭제할 수 있습니다.

모임 참가

모임참가

  • 사용자는 다른 사용자가 생성한 모임에 대해 참가 신청을 하거나 취소할 수 있습니다.

여행일기 목록 조회

여행일기목록

  • 자신이 작성한 여행일기 목록을 조회할 수 있습니다.
  • 여행일기를 카드 형식으로 표시합니다.

여행일기 상세 조회

여행일기상세조회

  • 자신이 작성한 여행일기 내용을 상세하게 확인할 수 있습니다.

여행일기 생성

여행일기생성

  • 제목, 날짜, 장소, 기분, 내용을 입력하여 여행일기를 작성할 수 있습니다.
  • 업로드할 수 있는 이미지 개수에는 제한이 없습니다.

로그인

로그인

  • 사용자가 서비스를 쉽게 이용할 수 있도록 Kakao OAuth 로그인을 지원합니다.

마이페이지

마이페이지

  • 마이페이지에서 자신이 작성한 정보 또는 모임 글을 확인할 수 있습니다.
  • 북마크한 정보 또는 모임 글을 확인할 수 있습니다.
  • 닉네임이나 프로필 이미지를 변경할 수 있습니다.
  • 서비스를 더 이상 이용하지 않을 경우 회원탈퇴 기능을 지원합니다.

고객지원

고객지원

  • 서비스 소개, 공지사항, FAQ, 이용약관 정보를 제공합니다.


✏️ 개발 기록

제목 핵심 키워드 작성자
🧭Next.js에서 Kakao 지도 API 적용 방법 Kakao Map HyunJinNo
📝Next.js에서 ReactQuill 사용 방법 Quill HyunJinNo
🔛좌우 드래그 스크롤 구현 방법 Scroll HyunJinNo
🖼Next.js Quill 이미지 처리 방법 Image Quill HyunJinNo
🪟모달 창(Modal Window) 뒤로가기 이벤트 처리 방법 Modal HyunJinNo
🐻Zustand 사용 방법 Zustand HyunJinNo
🐋Docker의 개념과 사용 방법 Docker Standalone HyunJinNo
✅GitHub PR & Issue Template 생성 방법 GitHub Pull Request Issue HyunJinNo
🧱(리팩토링 전) Presentational & Container Components 패턴 FE Architecture HyunJinNo
🧱(리팩토링 후) Presentational & Container Components 패턴을 제거한 이유 FE Architecture HyunJinNo
📘Next.js 프로젝트에 FSD 아키텍처 적용하기 FE Architecture FSD HyunJinNo
📆react-date-range 사용 방법 react-date-range ssssksss
🕛date-fns 사용 방법 date-fns ssssksss
🔡긴 문자열을 처리하는 방법 Tailwind CSS String ssssksss
✂react-easy-crop 사용 방법 react-easy-crop ssssksss
🔑nextjs middleware 사용 방법 middleware ssssksss
💻주소에 쿼리스트링 파라미터를 추가, 수정 및 삭제하는 방법 URLSearchParams ssssksss
🧱Dropdown 컴포넌트 만들기 Dropdown ssssksss
🔓카카오, 구글, 네이버 등 여러 oauth 처리하는 방법 OAuth ssssksss
🚀organization repository에서 vercel에 배포하는 방법 CI/CD ssssksss


🏛️️ 아키텍처

architecture



📚 기술스택

분류 기술 스택
FE Zustand
BE
Database
Infrastructure
Collaboration Tools


👤 팀원 소개

김수아 노현진 이수경 원동훈 정재현
Sua0714hotmail.com HyunJinNo ssssksss Astin01 hyeonjaez
Designer Front-end Front-end Back-end Back-end