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

#tailwind-css

@subodh16728

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


Hi community, This is the first project that I've build using JavaScript. Please share feedback if you have any. I would love to hear that and make the improvements. I want to enhance my Javascript knowledge and that's why can you please suggest which other project should I go with now? Thank you!

Community feedback

Sameh 430

@SamehCode

Posted

nice my friend but why use alert or prompt it seems ugly um , dunno . but nice work anyway. how long u learn programming ? and what is your resources my friend i want to upgrade my js skills more and more

Marked as helpful

1

@subodh16728

Posted

@SamehCode Thank you. I used alert so that user should know why he/she can't submit the form. I am learning programming from Third year of engineering and the resources I use are not fixed like I watch some youtube videos, go to stackoverflow for any doubts I have or refer to the official documentations. Basically I just browse over the internet until I found the resource which could help me with the issue I'm having. Well I also want to upgrade by JS skills and for that I will be creating a landing page and along with that for the next project I will be using Chakra UI as well. Let's see how it goes

0
Sameh 430

@SamehCode

Posted

@subodh16728 good luck my friend , have u learned sass , github , and maybe bootstrap ?

0

@subodh16728

Posted

@SamehCode I know github and bootstrap but yet to learn saas

0
Sameh 430

@SamehCode

Posted

@subodh16728 sass is like css with magic sass = ( syntactically awesome style sheets) , you can use programming concepts with it in css , it's pre processor , css with super powers . good luck my friend

1

@subodh16728

Posted

@SamehCode I would definitely try in my next project friend. Thank you

0
Bryan Li 3,590

@Zy8712

Posted

Your site looks pretty good and works as expected. The only main thing I'd change is how you implemented Tailwind. I personally would've just used Tailwind CDN to import it and then just add to a separate style.css for my custom css. Alternatively, I would've just used npm to install Tailwind so that I would have the tailwind.config file.

Besides that, I would say that if you tweaked a couple of your text sizes and font weights a bit, its pretty much one for one to the original design. Nice work 👍

Marked as helpful

0

@subodh16728

Posted

@Zy8712 Thank you Bryan.

I'll keep these things in mind in upcoming projects/

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