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
  • Screenshot
  • Links
• My process
  • Built with
  • What I learned
  • Continued development
  • Useful resources
• 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

• Screenshot

  • Front
  • Back

• Links

  • Solution URL: Here
  • Live Site URL: Here

My process

• Built with

  • Semantic Elements HTML5
  • CSS3 Flex-Box
  • basic Javascript

• What I learned

  <h1>Main Heading In HTML</h1>

  .favorite-color {
  color: darkblue;
  }

  const FunctionFunny = () => {
  console.log('🎉')
  }

• Continued development

  • I'm going to learn React Library and then Node.js so I could work as full-stack

• Useful resources

  • Arabic 2020
    • HTML-Course
    • CSS-Course
    • JS-Course

Author

• LinkedIn - @Omar
• Frontend Mentor - @Omar