概要
家庭の食材管理を「冷蔵庫」「冷凍庫」「野菜室」など保存場所ごとに可視化し、食材と調味料を分けて管理できるアプリです。 買いすぎ・使い忘れによる食材のムダを減らし、今ある食材だけで作れるレシピをすぐに探せることを目指しました。
主な機能
保存場所別の在庫管理
冷蔵庫・冷凍庫・野菜室・その他をフィルタタブで切り替え可能。カテゴリごとに淡いパステル背景で色分けし、ひと目で食材の種類と場所が分かるように設計。
食材・調味料の分離表示
在庫一覧を「食材」「調味料」の見出しで分割表示。同じ画面内で管理しつつ、用途の違いが分かりやすいように整理。
写真からの食材認識・自動カテゴリ分類
Groqの画像認識モデルに写真を送信し、写っている食材・食品の検出とあわせて8カテゴリへの自動分類まで1回のリクエストで行う機能。
レシピ提案・在庫だけで作るモード
Groqのテキスト生成モデルが在庫からレシピを提案。「在庫だけで作る」モードでは手持ちの食材・調味料のみで作れる料理に絞り込み、材料ごとに在庫あり/なしを色分け表示。
期限切れ・使い忘れ防止
賞味期限が近い食材を黄色（2〜5日前）・赤（期限切れ〜翌日まで）の2段階バッジで警告し、食品ロスを防止。
Firebase認証によるログイン
Firebase AuthenticationによるGoogleログイン・メールアドレス認証に対応。ポップアップがブロックされた場合はリダイレクト認証に自動フォールバックする。
工夫したポイント
冷たさを感じる青緑系のカラーで「冷蔵庫らしさ」を表現しつつ、情報量が多くなりがちな在庫一覧を カード型UIでグルーピングし、視認性を保つよう設計しました。カテゴリ自動分類やレシピの材料分類は、 既存のGroq API呼び出し（画像認識・レシピ提案）1回あたりの出力スキーマを拡張する形で実現し、 APIの呼び出し回数を増やさずに機能を追加しています。バックエンドはNode.js/Expressで実装し、 Vercelのサーバーレス関数として静的フロントエンドと同一プロジェクトから配信しています。