ホームページ(実際の動作はアプリにアクセスしてご確認ください。)

使用技術
Next.jsReactTypeScript
工夫した点
お気に入り機能を追加したことで、毎回検索をする必要をなくした。
お気に入り順や高評価順などのソート方法を用意し、検索しやすいようにした。
レシピ作成時に、後に編集する手間を減らすために同時にプレビューを見ながら作成できるようにした。
レビュー欄がただの掲示板のようにならないように1つのレシピに対してユーザーは1回しかレビューできないようにした。
学んだこと
Next.jsとReactを用いたwebアプリの制作の流れが理解できた。
tailwind.cssの基本的なクラスについて学習できた。
resendを使って実際にパスワードをリセットすることができるようになった。そのためにドメインについて触れ、ある程度理解を深めることができた。
問題点・課題
画像を切り取って表示できるようにしたが、実際にレシピが追加された後に見ると少しずれて見える。
画像は1枚しか掲載することができず、動画は投稿できない。
レシピを作成するのが手間であるのか、知人にテストとして触ってもらったが、一件も追加はしてもらえていない。
← Worksに戻る