🍰 디어케이 (Dear.K)

추억을 쉽고, 맛있게. 레터링 케이크 큐레이션 서비스 🎀

디어케이는 서로에게 핏-한 가게(메이커)와 고객(피커)를 연결하고 서로에게 집중할 수 있도록 환경을 제공하는 큐레이팅 주문 플랫폼입니다.

🗣️ 서비스 소개

💘 팀원 소개

🛠️ 사용 스택 & 선정 이유

• Next.js: 이번 밋업 프로젝트를 진행하면서 성능 및 최적화 그리고 클린코드에 집중하기로 결정했습니다. 이에 맞춰 SSR을 통해 효율적인 데이터 페칭이 가능하고, 자동 코드 분할과 최적화된 이미지 처리로 빠른 페이지 로딩 속도를 제공하는 Next.js를 사용하기로 결정했습니다.
• TypeScript: 컴파일 단에서의 파일 안정성 확보와 코드 가독성 및 유지보수성을 보장하기 위해 TypeScript를 사용합니다.
• Tailwind CSS: 앱웹 형식인 서비스 특성에 맞추어 반응형 디자인을 쉽게 할 수 있고, 유틸리티 클래스를 통해 빠르게 스타일링이 가능한 Tailwind CSS를 사용합니다.

📱 시연 영상

1️⃣ 온보딩	2️⃣ 홈 화면	3️⃣ 가게/디자인 상세
4️⃣ 마이페이지	5️⃣ 주문서	6️⃣ 알림
7️⃣ 이벤트	8️⃣ 이벤트 상세	9️⃣ 찜하기

🌐 시스템 아키텍처

📦 Package

src
├── api
│   └── hooks
│       └── search
├── app
│   ├── design
│   │   └── [id]
│   ├── event
│   │   ├── [id]
│   │   ├── landing
│   │   ├── login
│   │   └── mypage
│   │       ├── approve
│   │       ├── order
│   │       └── review
│   ├── mypage
│   ├── notice
│   ├── search
│   ├── sign-up
│   └── store
│       └── [id]
├── assets
├── components
│   ├── alarm
│   ├── authentication
│   │   ├── sign-up-picker
│   │   └── terms-of-service
│   ├── common
│   ├── event
│   │   ├── detail
│   │   └── main
│   ├── home
│   ├── landing
│   ├── mypage
│   ├── notice
│   ├── onboarding
│   ├── order
│   │   └── order-form
│   ├── search
│   ├── skeleton
│   └── ui
├── hooks
├── lib
├── providers
├── store
├── types
└── utils
    └── common