Rate the Service

Objective

Users can Rate these services by Five-Star Quality Rating System and also users can share their experience with us by using Five-Star Quality Rating System. Which is provided at the Feed Back section. By clicking on the stars .

Rate the Service Flow:

After selecting the “Rate the Service” option, users can rate the application in stars out of five.

 

 

 

After selecting the stars, users will be shown either what went wrong? (if chosen stars are less than or equal to 3) or what went good? (If chosen stars are more that 3)

 

If user has selected 4 or more than 4 stars then before redirecting user to the success screen we will open a popup with a message to rate the app on the play store, and if user selects Yes then user will be redirected to the play store in a different tab and on same tab user will be redirected to the success screen.

 

Technical Implementation details:

The link for the Feedback Bot Main Index is given below, it can be used to understand the starting point of the flow:

https://github.com/egovernments/DIGIT-Dev/blob/CITIZEN_FEEDBACK_WEBCHAT_UI/frontend/micro-ui/web/micro-ui-internals/packages/modules/cf/src/pages/citizen/CitizenFeedbackHome.js

 

Rating Module has been segregated into a specified structure, Rating component configuration is inside molecules Folder under react-components folder, and the link for the star rating component is given below:

https://github.com/egovernments/DIGIT-Dev/blob/CITIZEN_FEEDBACK_WEBCHAT_UI/frontend/micro-ui/web/micro-ui-internals/packages/react-components/src/molecules/StarRating.js

 

The configuration for rendering of the pages are mentioned in the citizenFeedbackHome file under the cf folder. Below is the snippet for folder structure and routing configuration.