Skip to content
Submitted over 1 year ago

Interactive Rating Component Main

João Vitor•420
@jvssvj
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

Hello my name is João Vitor and i have completed another frontend mentor challenge.🔗

  • 🔄 This time I used figma for the project to be as close as possible to the original
  • 🔄 Added a 7-second autoload after evaluation

How can i improve and reduce unnecessary code? Leave your comment. 🙂

Community feedback

  • P. Ricardo•2,370
    @pRicard0Posted over 1 year ago

    Dicas gerais

    • Eu acho que é na pasta assets que você deveria ter colocado a pasta de design e images. Se quisesse uma pasta para guardar os arquivos de estilos e scripts, teria que criar a pasta src. É comum a estrutura ser assim.
    • Você poderia alertar o usuário quando ele tenta enviar sem ter selecionado um rating para que ele esteja ciente do erro.

    Dicas em HTML.

    • Você deveria usar input type radio para cada rating ao invés de botão.
    • Não use o atributo alt para imagens meramente ilustrativas.

    Se quiser melhorar na acessibilidade, recomendo aprender ARIA

    Marked as helpful
    0
    João Vitor•420
    @jvssvjPosted over 1 year ago

    @pRicard0 Obrigado pelas dicas, vou me atentar na próxima vez

    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