포스터를 클릭하시면 시연 영상을 확인하실 수 있습니다.
새 탭에서 열려면 Ctrl + 클릭 (Mac: ⌘ + 클릭)
프로젝트 소개 글을 확인하고 싶다면?
🌎 코드잇 블로그 - 오늘 뭐해
- 오늘뭐해 서비스은 체험 제공자(호스트)가 자신만의 체험 프로그램을 등록하고, 사용자(참여자)가 해당 체험을 예약·이용하며, 이용 후 후기를 남길 수 있는 글로벌 체험 예약 플랫폼입니다.
- 국내 사용자뿐 아니라, 한국을 방문하는 외국인 관광객도 쉽게 인식할 수 있도록 지구 모양의 친근한 캐릭터와 로고 디자인을 기획했습니다.
- 일상 속 자연스럽고 직관적인 인사를 모티브로, 사용자에게 친근하게 다가가고자 기획했습니다.
오늘뭐해는 총 여섯 가지 주요 기능으로 구성되어 있습니다.
- 인기 체험부터 다양한 카테고리의 전체 체험까지, 검색 / 필터 / 정렬 기능으로 원하는 체험을 탐색합니다.
- 판매자는 체험 정보를 등록 / 수정하고, 참여자는 상세페이지를 통해 체험 내용을 확인할 수 있습니다.
- 판매자는 제목, 설명, 가격, 주소, 카테고리, 이미지로 체험 정보를 등록합니다.
- 참여자는 상세페이지를 통해 체험의 이미지, 설명, 위치 정보를 확인할 수 있습니다.
- 참여자와 판매자가 캘린더 기반으로 체험 예약과 일정을 쉽게 확인하고 관리할 수 있습니다.
- 별점과 텍스트 리뷰로 체험 후기를 공유하고, 상세페이지에서 평균 평점과 리뷰를 확인합니다.
- 예약 일정과 내역을 한 눈에 확인하고, 완료된 체험에 대한 리뷰를 작성할 수 있습니다.
- Google Translate Script를 통한 다국어 기능으로 영어, 일본어, 힌디어를 비롯한 55개의 언어를 제공합니다.
- 서비스 하단의 플로팅 버튼을 통해 원하는 언어로 변경이 가능합니다.
- 모노레포 구조: 자체 디자인 시스템과 서비스를 명확하게 분리하고자 pnpm workspace를 활용하여 모노레포 아키텍처로 구성했습니다.
- 디자인 패키지: 디자인 시스템과 디자인 시스템 문서는 각각 별도로 배포되며, 디자인 시스템의 공통 컴포넌트를 패키지 형태로 서비스로 불러와 사용함으로써 번들 크기를 최소화했습니다.
🎨 디자인 시스템 바로가기
새 탭에서 열려면 Ctrl + 클릭 (Mac: ⌘ + 클릭)
pnpm generate-doc: 스크립트로 컴포넌트를 생성 및 디자인 문서 등록을 자동화했습니다.- react-live를 통해 컴포넌트 실시간 미리보기 환경을 제공합니다.
- 마크다운 문법과 코드 하이라이팅을 통해 가독성을 향상시켰습니다.
- 코드 블록에 복사 기능을 추가해 문서 활용도와 팀원과 커뮤니케이션의 효율을 향상시켰습니다.
- APP 디렉토리는 실제 서비스 개발 영역으로, 계층 구조로 구분되며 각 계층 내부는 도메인 단위로 세분화되어 있습니다.
팀원 이미지를 클릭하면 각 팀원의 GitHub 프로필로 이동합니다.
새 탭에서 열려면 Ctrl + 클릭 (Mac: ⌘ + 클릭)
