Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found

Submitted

Interactive Rating Component using Tailwind CSS, Vite & JavaScript

P

@ucod3

Desktop design screenshot for the Interactive rating component coding challenge

This is a solution for...

  • HTML
  • CSS
  • JS
1newbie
View challenge

Design comparison


SolutionDesign

Solution retrospective


  1. What are some best practices for structuring and organizing JavaScript code, particularly when using ES6 modules?
  2. Are there any areas in my HTML or CSS where I could improve the use of semantic elements or the utility-first approach with Tailwind CSS?
  3. How can I further optimize the responsiveness and cross-browser compatibility of this project?
  4. Are there any performance improvements or optimizations that I could implement to make the application run smoother?
  5. Do you have any suggestions for enhancing the user experience or the overall design of the project?

Community feedback

tan 640

@tan911

Posted

👋Hello, @ucod3, and congratulations on completing this challenge🎉. Here's my suggestion and to answer some of your questions as well.

  1. In tailwindcss you can refactor your classes by using layers in your main css file, instead of styling your buttons individually with the same classes, just put your one style in 'style.css'.
  2. I think the ratings styles of clicked button will confused your user of selecting it and also the functionality there is broken.

more info:

adding custom style in tailwind

Hope this will help, Thanks!

1

P

@ucod3

Posted

@tan911

Thank you for pointing out the suggestions regarding the refactoring of classes using layers in the main CSS file and improving the rating button styles. I have this in mind Reusing Styles

Regards to buttons, I've made some changes to ensure proper functionality.

I'm grateful for your assistance in improving my project.

Thank you once again!

1
tan 640

@tan911

Posted

@ucod3 Welcome!

0

Please log in to post a comment

Log in with GitHub
Discord logo

Join our Discord community

Join thousands of Frontend Mentor community members taking the challenges, sharing resources, helping each other, and chatting about all things front-end!

Join our Discord