今晩の料理は何にしますか？ RECIPE AI ならあなたの冷蔵庫の写真から最適なレシピを提案いたします。

HPチーム春合宿2024年 グループ3 作品

Contributors✨

Yuma Morimoto Backend

Shuma Miyazaki Design / Frontend

Momoka Frontend

Yuria Prompt Engineering / Frontend

recipe-ai-demo-video.mp4

アプリの特徴

• 冷蔵庫内の写真から食材を選ぶ
  • GPTの強力な推論能力を用いて冷蔵庫内の写真から食材を検出します。
• レシピの提案
  • 最適なレシピを提案します。その他にも「料理時間」や「難易度」、「カロリー」などの情報もすぐに確認できます。
• レシピの詳細
  • レシピの作り方を確認できます。

アプリを使う

• RECIPE AI ここからアクセスしてください。

ギャラリー

発表スライド

• RECIPE AI - スプレッドシート

拡張機能

• Volar
• Prettier - Code formatter

セットアップ

1. .env.sampleをコピーして、.env.localとして保存する。

2. VITE_OPENAI_KEY=にOpenAIのキーを入力する。

3. パッケージのインストール

npm install

実行

npm run dev

ビルド

npm run build