Add ratings/reviews on the product details page #978
Merged
Add this suggestion to a batch that can be applied as a single commit.
This suggestion is invalid because no changes were made to the code.
Suggestions cannot be applied while the pull request is closed.
Suggestions cannot be applied while viewing a subset of changes.
Only one suggestion per line can be applied in a batch.
Add this suggestion to a batch that can be applied as a single commit.
Applying suggestions on deleted lines is not supported.
You must change the existing code in this line in order to create a valid suggestion.
Outdated suggestions cannot be applied.
This suggestion has been applied or marked resolved.
Suggestions cannot be applied from pending reviews.
Suggestions cannot be applied on multi-line comments.
Suggestions cannot be applied while the pull request is queued to merge.
Suggestion cannot be applied right now. Please check back later.
Pull Request
Title
Reviews on the Product Details page.
Description
This Pr adds the complete ratings/review model for the services with the following features
Rating System:
Display average rating of the product based on user reviews (1-5 stars).
Allow users to submit their ratings when reviewing.
Display individual ratings (e.g., 1 star, 2 stars, etc.) with an overall average rating.
Comment Submission:
Text area for Reviews:
Allow customers to submit their review comments with an optional title for the review.
Review List:
Display Reviews:
Show existing reviews with user names, rating (stars), and comment text.
Show the date when the review was submitted.
Graphical Representation:
Rating Distribution Graph:
Display a bar chart or pie chart showing how many people rated the product with each score (1-5 stars).
Display an average rating prominently.
User Interaction:
Helpful Review: Allow users to mark reviews as "helpful" (thumbs up/down).
Sort and Filter Reviews: Allow users to sort reviews based on:
Highest rating
Most recent
Most helpful
UI Components:
Stars/Icons for Rating: A graphical rating system using stars or custom icons.
Submit Button: To submit comments and ratings.
Error Handling: Show appropriate error messages (e.g., rating required, review too short, etc.).
Related Issues
fixes #936
Checklist
Screenshots (if applicable)
2024-11-10.12-51-02.mp4