
PWAアプリ制作(栄養バランスチェッカー)
食事を記録すると、栄養バランスを自動で見える化してくれるPWA
アプリです。
使用技術:HTML / CSS / JavaScript、PWA対応、Gemini API(AIアドバイス機能)
制作期間:10時間
できること・工夫した点
・1,000品以上の食品データをもとに、栄養素ごとの過不足を4色
(不足・やや不足・良好・超過)で判定し、スコアを算出する仕組み
・朝食・昼食・夕食のタブ切り替え、PFCバランスの円グラフ表示
・Gemini APIを使ったAIアドバイス機能(APIキーはユーザーが設定画面から
入力・保存し、コードには書かない設計にしている)