Check out the final result: https://nikmaxott.github.io/interactive-rating-component/
Check out the GitHub repo: https://github.com/nikmaxott/interactive-rating-component
My first proper interactive challenge. The challenge here was state management, featuring a very simple layout, with very little changing between mobile and desktop versions.
I set myself the additional challenge to build this entire project in pure HTML, CSS, and JavaScript. No frameworks to be seen here!
![](https://i0.wp.com/www.nikmaxott.org/wp-content/uploads/2022/08/screenshot-thanks.png?resize=770%2C366&ssl=1)
Having built the two main screens: the rating screen, and the thank you screen. I had to build a switch between the two, and making this happen when the submit button is clicked.
The final step was to ensure that the active, and selected states looked the part
![](https://i0.wp.com/www.nikmaxott.org/wp-content/uploads/2022/08/screenshot.png?resize=770%2C366&ssl=1)
More challenges will be coming soon, Iām taking suggestions, leave a comment! May even start some other programming languages, such as PHP š
– nikmaxott