/interactive-rating-component-main

A solution to the Interactive Rating component challenge on www.frontendmentor.io

Primary LanguageJavaScript

Frontend Mentor - Interactive rating component

preview

Welcome 👋

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 🧪

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

Screenshots 📷

My solution (Desktop):

image of desktop solution

Thank You (Desktop):

image of success page desktop

My solution (Mobile)

image of mobile solution

Thank You (Mobile):

image of success page mobile

Links 🔗

  • Solution repo on github here
  • Solution link on Front End Mentor: here
  • Live site link: here

My process 🏗️

Built with 🛠️

  • React(JSX)
  • SCSS

Continued development 🚀

I hope to create a custom hook to implement local storage of data(basically means when you refresh, the page persists)

Contact 📧

Author 👤

My name is Alexander Afoko Jnr. and I am a passionate 13-year-old frontend developer from Ghana. I hope to build up my portfolio and take my skills to the next level.