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 made with HTML, CSS, and 1tbsp vanilla JS

@savvystrider

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


I avoided doing this project for a while, but I'm glad I finally tackled it. Had some trouble with the form validation and responsive styles.

Community feedback

@HusseinSamy

Posted

Hello @savvystrider, 👋🏻

Awesome job on taking the first steps towards your dream!

I'm thrilled to see your engagement with this platform to enhance your design skills. I have a quick suggestion that would level up your submission:

  • Don't forget to add a README file for your project to let people know what you have did.

  • Use Bem for naming your styles.

  • Add meta tags and a favicon to your project:

<link rel="icon" type="image/x-icon" href="favicon.ico"> =====> Favicon path

<meta name="title" content="My Website">
<meta name="description" content="My Website Description">
<meta name="keywords" content="Some, Keywords, Here">



Hope you find it useful!😇

Keep up the fantastic work, and happy coding! 🚀

Marked as helpful

1

@savvystrider

Posted

@HusseinSamy Thank you for the tips! I've been lazy about adding metadata. Definitely need to start adding that. I've only used BEM in one project so far, but I'm starting to see its value.

1

@HusseinSamy

Posted

@savvystrider Good job, wish you all the best ✨

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