This app has 3 portlets
1.average rating portlet-Provides a average rating of all the reviews in 5 stars. The stars are color coded, with red being low, yellow being medium, and green being high. If the average rating is not a whole number, fraction star is displayed.


Whenever user posts his review the entire screen changes without any browser refresh.

When a user is deciding which star rating to assign, he hovers over each star and the screen displays a message associated with it.
var contentEl = document.querySelector('#mpLicense'); var tabPanel = contentEl.closest('.tab-panel-item'); var tabTarget = tabPanel.getAttribute('aria-labelledby'); var tabs = contentEl.closest(".component-tabs"); var navLink = tabs.querySelector('#' + tabTarget); var navItem = navLink.parentElement; if (contentEl.textContent.trim() === '') { navItem.classList.add('d-none'); } These messages are stored in the language.properties, and you can customize it to your liking. These are the texts
rating-help-text-1=Keep away
rating-help-text-2=Not good
rating-help-text-3=Is ok
rating-help-text-4=Great
rating-help-text-5=Awesome!!

You can also flag a review, and it uses liferay's inbuilt flagging functionality.