laravelを使ってYoutube上にある料理動画を管理するサービスを作成しました。
Youtubeには様々な料理動画が日々アップされていますが、実際に作ってみてよかったものをストックしたり、
少し自分好みにアレンジした時のメモを残したいと思ったので、当サービスを作ってみました。
セキュリティ面など至らない点が多いとは思いますが、興味があれば使ってみていただけると幸いです。
⇩作成したサービス
自己紹介
PHPを本格的に学習し始めて３ヶ月目の駆け出しエンジニア。前職はインフラ系で現在Webエンジニアになるため転職活動中です。
使用技術
フロントエンド
- Javascript
- Jquery
- Bootstrap
バックエンド
- PHP(Laravel8)
- YoutubeAPI
- Mysql
インフラ
- AWS
- Git
認証機能はLaravelにデフォルトで備わっているlaravel-authを使用しました。
また、AWSはEC2でサーバーをたて、データベースにRDS、ドメインの割り当てにRoute53(ドメインはお名前ドットコムで取得)、メールの送信にAmazonSESを使用しています。
作成期間
2022年2月下旬～2022年3月下旬の約一ヶ月間。
使い方
会員登録画面
ログイン画面
Home画面
-
ライブラリ
「レシピ本を見る」⇒ 自分のレシピ本を作成する。フォルダ分けしてレシピを保存するイメージ。
「保存したレシピ」⇒ 自分が保存したレシピをすべて表示する。検索可能。ここからもレシピを追加できる。 -
レシピを探す
「みんなのレシピ」⇒ 他のユーザーが作成したレシピを探す。
「動画から探す」⇒ 他のユーザーが追加したレシピをYoutubeの動画単位で探す。平均評価順など並び替え可能。動画をクリックすると、動画再生ページに遷移し、レシピの追加が可能になる。
Library画面
作成したレシピ本一覧。「+ Create New Recipeboook」でレシピ本を新規作成できる。
Book画面
作成したレシピ本の内容を表示する。右下の「+」ボタンを押すと、、、
レシピ作成用のモーダルが表示される。ここに追加したいYoutube動画のURLを入力し、「動画のタイトルとサムネイルを取得」をクリックすると、、、
Youtubeからタイトルとサムネイルが取得でき、「追加」ボタンをクリックしてレシピを追加できる。
レシピの追加方法は以上。その他のページも基本的にはこれと似たような使い方になる。