Skip to content

Latest commit

 

History

History
204 lines (157 loc) · 9.64 KB

File metadata and controls

204 lines (157 loc) · 9.64 KB

ChefChef 로고

ChefChef — YouTube 요리 영상을 핸즈프리 레시피로 변환

AI 쿠킹 에이전트 · 음성 제어 · 실시간 AI Q&A · 즉시 번역

웹사이트 · App Store · Google Play

English · 日本語 · 한국어 · 繁體中文 · 简体中文

Next.js 15 Expo 54 TypeScript Supabase 5개 언어 2000개 이상의 레시피


문제점

YouTube에서 멋진 요리 영상을 발견했습니다. 요리를 시작합니다. 그런데:

  • 🔁 계속 일시정지 — 손이 젖어있는데 30초마다 화면을 터치해야 함
  • 🤷 영상에서 길을 잃음 — "잠깐, 간장이 얼마였지?"
  • 🌍 언어 장벽 — 훌륭한 레시피인데 일본어라 이해할 수 없음

YouTube는 보기 위해 만들어졌습니다. 요리하기 위해서가 아닙니다.

솔루션

ChefChef는 YouTube 요리 영상을 인터랙티브한 핸즈프리 요리 경험으로 변환하는 AI 쿠킹 에이전트입니다.

YouTube 링크 붙여넣기 → 구조화된 단계 받기 → 음성으로 제어하며 요리하기.

되감기 그만 - AI가 YouTube를 단계별 레시피로 음성 Q&A - 요리 중 질문하기 번역 - 외국어 영상을 당신의 언어로 YouTube 크리에이터 - 인기 요리 채널

주요 기능

🎬 영상 → 구조화된 레시피 단계

AI가 영상을 분석하여 정확한 재료, 계량, 조리 단계, 타임스탬프를 추출 — 모두 원본 영상과 동기화됩니다. 더 이상 되감을 필요가 없습니다.

🎙️ 음성 제어 & AI Q&A

핸즈프리로 요리하세요. **"다음 단계"**라고 말하면 진행되고, 요리 중 질문도 할 수 있습니다:

"버터 대신 기름을 써도 되나요?" "양파가 다 익었는지 어떻게 알 수 있나요?"

ChefChef는 현재 어떤 단계에 있는지 파악하고 맥락에 맞는 답변을 제공합니다 — 마치 셰프가 옆에 서 있는 것처럼.

🌍 즉시 번역 (5개 언어 지원)

일본어, 한국어, 중국어, 영어 YouTube 크리에이터의 레시피를 발견하세요 — 모두 당신의 언어로 번역됩니다.

언어 상태
🇺🇸 영어 ✅ 지원
🇯🇵 일본어 ✅ 지원
🇰🇷 한국어 ✅ 지원
🇹🇼 번체 중국어 ✅ 지원
🇨🇳 간체 중국어 ✅ 지원

📱 모바일 퍼스트 경험

모바일 앱은 주방 사용에 최적화되어 있습니다:

  • 음성 우선 내비게이션 — 손이 지저분해도 화면 터치 불필요
  • 단계 자동 추적 — 요리하면서 레시피가 자동으로 진행
  • 오프라인 지원 — 레시피가 캐시되어 주방에서 사용 가능
  • 스마트 리마인더 — iOS 리마인더와 연동하여 식단 계획

사용 방법

1. 레시피 찾기         →  ChefChef에서 검색하거나 YouTube 요리 URL 붙여넣기
2. AI가 단계 추출      →  재료, 단계, 타이밍 — 모두 자동으로 구조화
3. 핸즈프리로 요리     →  음성 제어, 질문, 번역 — 모두 실시간

기술 스택

레이어 기술
Next.js 15, React 19, TypeScript, Tailwind CSS
모바일 React Native (Expo SDK 54)
백엔드 Supabase (PostgreSQL + Auth)
AI / LLM Qwen (Alibaba), DeepSeek, GLM-4 (Zhipu AI), Moonshot (Kimi), OpenAI GPT, Claude (Anthropic), Gemini, Mistral
음성 & NLP Azure AI Speech, OpenAI Whisper, Google Cloud Speech-to-Text
배포 Vercel (웹), EAS Build (모바일)
i18n 5개 언어, 완전히 현지화된 UI + 콘텐츠

아키텍처

ChefChef는 공유 비즈니스 로직을 가진 크로스 플랫폼 애플리케이션입니다:

┌──────────────────────────────────────────────────┐
│                   클라이언트                       │
│                                                   │
│   ┌─────────────┐          ┌──────────────────┐  │
│   │   웹 앱     │          │   모바일 앱       │  │
│   │  (Next.js)  │          │ (React Native)   │  │
│   │  chefchef.  │          │  iOS / Android   │  │
│   │    app      │          │                  │  │
│   └──────┬──────┘          └────────┬─────────┘  │
│          │                          │             │
│          └──────────┬───────────────┘             │
│                     │                             │
│            ┌────────▼────────┐                    │
│            │  공유 모듈      │                    │
│            │  (@shared/)     │                    │
│            └────────┬────────┘                    │
└─────────────────────┼────────────────────────────┘
                      │
         ┌────────────▼────────────┐
         │      Supabase           │
         │  PostgreSQL + Auth      │
         └────────────┬────────────┘
                      │
         ┌────────────▼────────────┐
         │   AI 오케스트레이션      │
         │                         │
         │  ┌───────────────────┐  │
         │  │  LLM 라우터       │  │
         │  │  (멀티 프로바이더) │  │
         │  └────────┬──────────┘  │
         │           │             │
         │  ┌────────▼──────────┐  │
         │  │ Qwen · DeepSeek   │  │
         │  │ GLM-4 · Moonshot  │  │
         │  │ GPT · Claude      │  │
         │  │ Gemini · Mistral  │  │
         │  └────────┬──────────┘  │
         │           │             │
         │  ┌────────▼──────────┐  │
         │  │  음성 엔진        │  │
         │  │  Azure · Whisper  │  │
         │  │  Cloud STT        │  │
         │  └───────────────────┘  │
         └─────────────────────────┘

오픈소스 범위

이 리포지토리에는 ChefChef의 UI 컴포넌트와 현지화 파일이 포함되어 있습니다. AI 엔진, 백엔드 서비스, 핵심 인프라는 독자 기술입니다.

기여

기여를 환영합니다! 자세한 내용은 CONTRIBUTING.md를 참조하세요.

특히 환영하는 기여:

  • 🌍 번역 — 더 많은 언어 지원에 도움을 주세요
  • 🎨 UI 개선 — 접근성 향상, 디자인 조정
  • 🐛 버그 보고 — 문제를 발견하면 알려주세요
  • 📖 문서 — 코드베이스 이해를 돕는 문서

링크

리소스 URL
🌐 웹사이트 www.chefchef.app
📱 iOS 앱 App Store
🤖 Android 앱 Google Play
🐛 버그 보고 GitHub Issues

라이선스

이 프로젝트는 MIT 라이선스에 따라 라이선스가 부여됩니다.


YouTube는 보기 위한 것. ChefChef는 요리하기 위한 것.

ChefChef 무료로 사용해보기 →