Submitted about 1 month ago

Interactive rating component

Shakil ahmed• 260

@Shakil-a

Preview site(opens in new window)View code(opens in new window)

This is a solution for...

HTML
CSS
JS

1newbie

View challenge

Design comparison

SolutionDesign

Solution retrospective

What are you most proud of, and what would you do differently next time?

Most proud:

worked with more JavaScript and refactoring code to be dry, reusable and single responsibility functions
making it responsive on all devices

What I would do differently:

work better on the css design and learn how to structure my css files

What challenges did you encounter, and how did you overcome them?

I didnt face much challenges from this project other than one of the colors are missing from the style guide and so I used a simple grey to replace it.

What specific areas of your project would you like help with?

i would like help on:

if there were better ways to refactor my javascipt or structure my html/css
any accessibility code I could have implemented ( theres one instance i have left out a alt in the success page svg because its purely for looking good)
anything i can improve on in general

Community feedback

Aram Hekimian• 410

@Hekimianz

Posted about 1 month ago

Hi @Shakil-a!

Here's the feedback I have for your project:

Button States: Consider adding the active and hover states for the buttons inside the <li> elements to enhance user interaction and visual feedback.
Heading Structure: Changing the <h2> to <h1> can help search engines and screen readers better understand the content's structure and hierarchy.
Script Loading: Adding the defer attribute to the `

Please log in to post a comment

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