Skip to content
Submitted 4 months ago

Interactive rating component

Shakil ahmed•260
@Shakil-a
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...Interactive rating component
  • HTML
  • CSS
  • JS
1newbie

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
    @HekimianzPosted 4 months 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 `
    0

Please log in to post a comment

Log in with GitHub

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