ラクレピ!

https://github.com/ShiodaMiku/maccha

Next.js

GitHub

TypeScript

React

TailwindCSS

冷蔵庫の残り物で作れる料理を提案してくれるアプリ

2mk1kjohurk

辻川優里

塩田実久

推しアイデア

レシピの条件を3つの選択肢から選べるUI。これにより直感的な操作が可能になり、ユーザーの負担を軽減できた。

作った背景

メンバーの一人が出した「レシピ提案アプリ」というアイデアに全員が共感し、さらにアイデアを発展させていった。

推し技術

Gemini APIを活用し、ユーザーが提示した条件に応じたレシピを提案したり、料理のイメージ画像を生成したりできる点。

プロジェクト詳細

1. サービス概要

サービス名:ラクレピ!

 自宅にある残り物を使って作れる料理を提案してもらうことで、「おいしい」を増やし、「無駄」を減らすことが目的。

2. 技術

  • フロントエンド:Next.js、React、TailwindCSS
  • バックエンド:TypeScript、Gemini API、Stability AI API
  • タスク管理:Figma
  • プロジェクト管理:GitHub

3. 使用方法

  1. 料理に使いたい食材を入力する
  2. 気分に合わせて料理の条件を選択する
  3. その他の要望を入力する
  4. 「レシピを生成する!」ボタンをクリックする
  5. 気になる料理名をクリックする

4. 工夫した点

  • 料理の条件を3つの選択肢から選べるようにした点
  • 複数の料理が提案されるようにした点
  • 料理の画像が生成されるようにした点

5. 難しかった点

  • API連携
  • UIを整えること image image image

6. 反省点

  • Tailwind CSSを短期間で使いこなせなかった点

2mk1kjohurk

@c18a77300a07a934