https://happiest-websites.netlify.com/
rate-a-website is an app which shows a leader board of websites with world's happiest users. Websites user can share their happines with a website/service/product via a browser extension. Anyone can download the extension and install it in Firefox or Chrome browser.
The app is build using React together with Styled-components 💅 and Prop-types. I've utilized new React Hooks API to manage state inside components. Styled-components were used for styling React components and individual HTML elements. I'm also using styling based on props in the "top 3" cards. Prop-types are used for type-checking props passed to components.
HTTP are done via the Fetch API.
Every rating fetched from back end is rounded to 2 decimal places with a roundRating function. Also the http/https protocol and www are removed from the url string.
