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.
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
Desktop Version
Desktop Version Submitted state
Mobile Version
- Solution URL: https://github.com/halderjoydeep/FM-rating-component
- Live Site URL: https://halderjoydeep.github.io/FM-rating-component/
- Semantic HTML5 markup
- CSS custom properties
- Flexbox
- CSS Grid
- jQuery
I learnt about the sessionStorage to store the data for a session to pass between different pages using javaScript.
sessionStorage.setItem("rating", rating);
I'm willing to build an e-commerce website. So this rating component can be useful.
- Traversy Media - Brad Traversy's youtube videos helped me in learning Grid technique. I'm really thankful to him.
- Angela Yu's web development course
- Website - Joydeep Halder
- Frontend Mentor - @halderjoydeep
- Github - @halderjoydeep
- LinkedIn - Joydeep Halder