Frontend Mentor - Interactive rating component solution

This is a solution to the Interactive rating component challenge on Frontend Mentor. Frontend Mentor challenges help you improve your coding skills by building realistic projects.

Table of contents

• Overview
• The challenge
• Links
• Built with
• What I learned
• Author

Overview

The challenge

Users should be able to:

• View the optimal layout for the app depending on their device's screen size
• See hover states for all interactive elements on the page
• Select and submit a number rating
• See the "Thank you" card state after submitting a rating

Links

• Live Site URL: https://babapara.github.io/Interactive-Rating-Component/

Built with

• Semantic HTML5 markup
• CSS custom properties
• Flexbox
• CSS Grid
• Vanilla JS

What I learned

As a newbie into javascript i had some tough times with regards to the process of getting user rating on one page and displaying it on the other page. It seemed like a huge mountain at first site. So i learnt the use of LocalStorage, the use of conditionality as regards to events practically and most importantly getting results based on user input.

Author

• Website - [Babawibe Duke] [https://babapara.github.io/Interactive-Rating-Component/]
• Frontend Mentor - [@Babapara] https://www.frontendmentor.io/profile/Babapara