두리묭실(Doori-Salon)

반려견 케어와 미용사의 가치를 함께 완성하는 새로운 반려견 미용 중계 서비스, 두리묭실

(현재는 서버 중지했습니다.)

Service	URL
고객 서비스	https://www.duri-salon.store, https://duri-saloncom.vercel.app
미용사 서비스	https://salon-duri-salon.vercel.app
관리자 서비스	https://adminduri-saloncom.vercel.app

Demo Video

Tech Stack

Design System

두리묭실 Storybook 링크

프로젝트 구조

두리묭실 폴더 구조

├─ apps/
│  ├─ duri/
│  │  ├─ src/
│  │  │  ├─ apis/
│  │  │  │  ├─ client.ts
│  │  │  │  └─ hooks/
│  │  │  │
│  │  │  ├─ components/
│  │  │  │  ├─ home/
│  │  │  │  ├─ map/
│  │  │  │  ├─ estimation/
│  │  │  │  ├─ diary/
│  │  │  │  └─ mypage/
│  │  │  │
│  │  │  ├─ pages/
│  │  │  │  ├─ home/
│  │  │  │  │  └─ index.ts
│  │  │  │  ├─ map/
│  │  │  │  │  └─ index.ts
│  │  │  │  ├─ estimation/
│  │  │  │  │  └─ index.ts
│  │  │  │  ├─ diary/
│  │  │  │  │  └─ index.ts
│  │  │  │  ├─ mypage/
│  │  │  │  │  └─ index.ts
│  │  │  │  ├─ app.tsx
│  │  │  │  ├─ 404.tsx
│  │  │  │  └─ index.tsx
│  │  │  │
│  │  │  ├─ public/
│  │  │  │  ├─ fonts/
│  │  │  │  ├─ lotties/
│  │  │  │  ├─ pngs/
│  │  │  │  └─ svgs/
│  │  │  │
│  │  │  ├─ styles/
│  │  │  └─ utils/
│  │  │
│  │  ├─ package.json
│  │  ├─ tsconfig.json
│  │  └─ turbo.json
│  │
│  ├─ salon/
│  │  ├─ src/
│  │  │  ├─ apis/
│  │  │  ├─ components/
│  │  │  │  ├─ home/
│  │  │  │  ├─ history/
│  │  │  │  ├─ portfolio/
│  │  │  │  └─ mysalon/
│  │  │  │
│  │  │  ├─ pages/
│  │  │  │  ├─ home/
│  │  │  │  │  └─ index.ts
│  │  │  │  ├─ history/
│  │  │  │  │  └─ index.ts
│  │  │  │  ├─ portfolio/
│  │  │  │  │  └─ index.ts
│  │  │  │  ├─ mysalon/
│  │  │  │  │  └─ index.ts
│  │  │  │  │
│  │  │  │  ├─ app.tsx
│  │  │  │  ├─ 404.tsx
│  │  │  │  └─ index.tsx
│  │  │  │
│  │  │  ├─ public/
│  │  │  │  ├─ fonts/
│  │  │  │  ├─ lotties/
│  │  │  │  ├─ pngs/
│  │  │  │  └─ svgs/
│  │  │  │
│  │  │  ├─ styles/
│  │  │  └─ utils/
│  │  │
│  │  ├─ package.json
│  │  ├─ tsconfig.json
│  │  └─ turbo.json
│
├─ packages/
│  ├─ ui/
│  ├─ utils/
│  ├─ package.json
│  ├─ tsconfig.json
│  └─ turbo.json
│
├─ node_modules/
├─ turbo.json
├─ package.json
├─ tsconfig.base.json
├─ yarn.lock
└─ .gitignore

아키텍쳐

로컬 실행 방법

# 레포지토리를 클론 + 폴더 이동
git clone https://github.com/Duri-Salon/Duri-FE.git && cd Duri-FE

# 의존성 설치 (yarn-berry 이용)
yarn install

# 개발 서버를 실행 (http://localhost:3000, http://localhost:3001, http://localhost:3002)
yarn dev

# 프로덕션 빌드 파일을 생성 (dist 폴더에 저장됨.)
yarn build
yarn preview

팀 규칙

커뮤니케이션 규칙

• 매일 오전 9시 데일리 스크럼 진행
  • 어제 한 일, 오늘 할 일, 문제점을 공유하며 진행 상황 점검.
• 문서 공유 및 회의 기록은 Notion을 통해 관리.
• 매주 일요일 저녁 10시 정기 회의 진행
  • 주간 작업 점검 및 다음 주 계획 수립.

개발 컨벤션

코딩 컨벤션

• 프론트엔드 코딩 컨벤션: 노션링크
• 백엔드 코딩 컨벤션: 노션링크

브랜치 명명 규칙

• 브랜치 명명 규칙: 노션링크

Pull Request 컨벤션

• Pull Request 컨벤션: 노션링크

Jira 작업 방식

• Epic, Story, Task 등 우선순위와 작업 단계를 명확히 구분.
• 작업 상태는 To Do → In Progress → Done으로 관리.
• 각 Task 완료 시, 관련 Pull Request 링크를 Jira에 첨부.

두리묭실 기능 및 Service UI

미용 예약 스케줄 관리

고객 미용일기, 미용사 포트폴리오 서비스

견적서 요청, 견적서 전송 서비스

• 고객

• 미용사

AI 미용 서비스

미용사 월 매출 통계 서비스

맞는 가게 추천을 위한 상세한 온보딩

• 고객

• 미용사

입점 요청, 수락