🍹

AIがオリジナルのカクテルを作ってくれるWebアプリを作りました🍸

2025/01/19に公開

はじめに

はじめまして、新卒エンジニアのroutechanと申します😀
ReactのアウトプットとしてWebアプリケーションを作ってみました😉

作ったもの

AIバーテンダー

ユーザーが入力した材料・アルコールの強さ・気分などからAIのバーテンダーがオリジナルのカクテル🍸を生成してくれるサービスです!

↓画面

入力された情報に基づいて、AI🤖がオリジナルカクテルの名前や材料・作り方・カクテルのストーリーなどを出してくれます😮

入力された気分によっても結果が変わってきたりします

材料を1つにするとその材料を使ったカクテルを作ってくれます(例:ジンだけ入力したらジンを使ったオリジナルのカクテルを生成します)

使用技術

フロントエンド React, Tailwind CSS
その他 OpenAI API

入力された値をchatgptのAPIに渡して結果を受け取り、それを出力しています

作ろうと思った経緯

ChatGptのAPIを使って、冷蔵庫の残り物から料理を作ってくれるサービスを知り、何か他のもので応用できそうだなと思って作りました

参考にさせていただいた記事
https://qiita.com/super-appy/items/ee91df62683d208b318d

感想

今回、はじめてOpenAI APIを使ってみたのですが、こんなことまでできるんだと思いました

使用するのもそこまで複雑ではないので、アイデア次第でいろんなものが作れそうだなと感じました。(ただ、APIを使用するのに5ドル支払いました・・・💸)

拙い文章ですが、ここまで読んでいただきありがとうございました!
今後も何か作ったら投稿しようと思います!!

Discussion