レビュー機能を開発しましょう(フロント画面)

レビュー機能は、製品やサービス、アプリケーションなどに対するユーザーの評価や意見を収集するための機能です。 ユーザーは製品やサービスに対して星や数値で評価を行い、それに加えてテキストでコメントやレビューを投稿することができます。これにより、他のユーザーが製品やサービスの利点や欠点を知る手助けとなります。 目次1 現状2 開発タスク2.1 画面仕様2.2 機能仕様 現状 商品画面では、商品名(name)、商品説明(description)、画像(cover)、価格(price)を表示しています。 開発タスク 画面仕様 機能仕様 評価・コメント一覧の仕様 商品に対する評価(5段階)とコメントを表示してください。 評価・コメントは最新の10件を表示してください。 評価・コメント入力の仕様 ユーザーは評価(5段階)の入力できます。評価は input タグの type=number または select タグで実装してください。input タグの場合は、min と max を指定してください。select タグの場合、option は 1,2,3,4,5 です。 コメントの最大入力数は100文字です。100文字以上の場合、登録できません。 登録の仕様 評価とコメントは必須です。入力されていなければ、登録ボタンは disabled にしてください。どちらとも入力されたら disabled を解除してください。 ユーザーが登録ボタンを押したら、評価とコメントをデータベースに登録します。 ユーザーはログインしていなければ登録できません。ログインしていなければ、評価・コメント・登録ボタンは表示しません。 登録完了したら、「評価とコメントを登録しました」とメッセージを表示してください。