Skip to content

보고, 고르고, 예약하세요! Reser On Do는 전국 방방곡곡의 체험을 한눈에 보고, 원하는 체험을 쉽게 등록하고 예약할 수 있는 체험 탐색 플랫폼입니다.

Notifications You must be signed in to change notification settings

jihoon135/reser-on-do

 
 

Repository files navigation

Reser On Do

reserondo

☀️ Reser On Do 서비스 소개

보고, 고르고, 예약하세요!

Reser On Do는 전국 방방곡곡의 체험을 한눈에 보고,
원하는 체험을 쉽게 등록하고 예약할 수 있는 체험 탐색 플랫폼입니다.


지금 바로 Reser On Do에서

당신의 특별한 경험을 시작해보세요!

테스트용 계정
[email protected]
test1234


서비스 둘러보기

로그인 / 회원가입 페이지

이 페이지는 회원 가입과 로그인을 진행해요.

유효성 검사 및 zustand를 통해 전역으로 액세스 토큰 및 상태를 관리해요.

로그인

회원가입


메인 페이지

이 페이지는 사용자가 키워드를 입력하거나, 카테고리와 정렬 옵션을 사용해 원하는 체험을 탐색할 수 있어요.

인기 체험은 무한스크롤 방식으로 가로로 넘기며 더 많은 체험을 불러오고,

전체 체험 목록은 페이지네이션을 통해 페이지 단위로 나누어 보여줘요.

메인


체험 상세 페이지

이 페이지는 체험에 대한 정보를 자세히 볼 수 있어요.

지도 SDK를 통해 체험 장소를 지도로 볼 수 있으며,

사용자는 예약 캘린더를 통해 체험을 예약할 수 있어요.

상세


내정보 페이지

이 페이지에서 사용자가 닉네임, 비밀번호, 프로필 이미지를 변경할 수 있어요.

React Hook Form + Zod를 사용한 폼 상태 및 유효성 검사를 했어요.

내정보


예약내역 페이지

이 페이지에서 사용자가 예약한 체험을 취소하거나,

체험을 완료하면 후기를 작성할 수 있어요.

예약내역


내 체험관리 페이지

이 페이지는 체험 등록, 체험 수정, 체험 상세 페이지로 이동할 수 있고,

체험을 삭제할 수 있어요, 또 무한스크롤을 구현해서 스크롤을 내릴 때마다 체험 목록을 불러와요

체험관리


체험등록 페이지

이 페이지에서 사용자가 새로운 체험을 등록할 수 있어요.

React Hook Form + Zod를 사용한 폼 상태 및 유효성 검사를 했어요.

카카오 주소 SDK를 사용해서 주소 입력을 할 수 있어요

체험등록

체험수정 페이지

이 페이지는 체험등록 페이지와 동일한 UI와 기능을 제공하지만,

기존 체험 정보가 자동으로 입력 필드에 불러와지는 점이 달라요.

체험수정


예약현황 페이지

이 페이지는 캘린더에서 내 체험에 예약된 내역들을 모달로 승인하거나 거절할 수 있어요.

예약현황


기술 스택

구분 기술 참고
언어 및 프레임워크 TypeScript React 우리가 Next.js를 사용하지 않은 이유
상태 관리 & 데이터 페칭 TanStack Query Zustand 로딩은 Suspense에게, 에러는 ErrorBoundary에게
폼 / 유효성 / 인증 React Hook Form Zod OAuth 카카오 들어가기 어렵다
외부 SDK Address Lookup Map SDK
배포 & 인프라 Git GitHub Vercel

프로젝트 아키텍쳐

KakaoTalk_Photo_2025-06-23-15-02-10

프로젝트 타임라인

프로젝트 타임라인

팀원 소개

🔗 wiki 팀원소개 바로가기

[FE] 곽지훈 [FE] 이윤승 [FE] 방호영 [FE] 정지원 [FE] 최권진 [FE] 홍수민

팀 문화

원활한 프로젝트 진행을 위해 다음과 같은 팀 문화를 함께 만들어가기로 했어요.

  1. 의사결정은 합의제 우선, 필요시 다수결
    중요한 결정은 우선 합의를 통해 진행하며, 의견이 통합되지 않을 경우 다수결을 따르기로 했어요.
  2. 피드백은 근거 기반으로
    단순한 인상보다는 이유가 명확한 피드백을 지향해요. ( 색이 별로예요 ❌ -> 색 조합이 너무 비슷해서 구분이 잘 안되는 것 같아요 ⭕️ )
  3. 의견은 부드럽고 배려 있게
    의견을 낼 때 상대방을 배려하며 따듯하게 말 하려고 노력해요. ( 이모지 과다사용을 지향해요 ☺️😄😊🙏👍🏻🙌🏻 )
  4. 아이디어는 바로바로 공유!!
    생각이 떠오르면 고민하지 말고 바로 말해요. ( 아끼면 똥! 💩 )

About

보고, 고르고, 예약하세요! Reser On Do는 전국 방방곡곡의 체험을 한눈에 보고, 원하는 체험을 쉽게 등록하고 예약할 수 있는 체험 탐색 플랫폼입니다.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • TypeScript 71.2%
  • CSS 28.3%
  • Other 0.5%