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
- Solution URL: https://www.frontendmentor.io/solutions/rating-component-with-vuejs-only-nKe53OVgMh
- Live Site URL: https://majestic-maamoul-12189b.netlify.app/#/
- Semantic HTML5 markup
- CSS
- Flexbox
- Vue.js - Vue Framework
- learnt how to make radio-buttons without using an input tag
- learnt how to add classes and manipulate vue variables
I need to add responsivess for mobile and tablet screensizes.
- Vue.js Documentation - This helped me grasp new concepts aswell as implement them into my project quickly.
- Website - Joshua Steed
- Frontend Mentor - @0xjoshva