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

レビュー機能は、製品やサービス、アプリケーションなどに対するユーザーの評価や意見を収集するための機能です。

ユーザーは製品やサービスに対して星や数値で評価を行い、それに加えてテキストでコメントやレビューを投稿することができます。これにより、他のユーザーが製品やサービスの利点や欠点を知る手助けとなります。

現状

商品画面では、商品名(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 を解除してください。

ユーザーが登録ボタンを押したら、評価とコメントをデータベースに登録します。

ユーザーはログインしていなければ登録できません。ログインしていなければ、評価・コメント・登録ボタンは表示しません。

登録完了したら、「評価とコメントを登録しました」とメッセージを表示してください。