Skip to content

Kiran-M-P/rating-page

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

15 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Interactive rating component using React

This is a solution to the Interactive rating component challenge on Frontend Mentor.

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

drawing

Links

What I learned

  • Design to built work flow
  • React Components and react router
  • CSS pseudo states
  • BrowerRouter vs HashRouter
  • Deploying SPA with clientside routing in gh-pages 🤯(most difficult part)
  • Thanks to spa-github-pages