@devtezza
Submitted
It's the first time I use Svelte with Tailwindcss in the same project. Any feedback is welcome.
Looking to hire developers?
@jamaaldev
@devtezza
Submitted
It's the first time I use Svelte with Tailwindcss in the same project. Any feedback is welcome.
@jamaaldev
Posted
that is really nice. I would like share with you one tip every time when you are creating numbers that need to be in the middle of the circle or etc don't use div or any other element except button when you create button and you write number inside it will automatically adjust the center of element. so you don't need to worry if your number is in the center of the circle etc.
Marked as helpful
@do55
Submitted
I was unable to make sibling number light gray when hover on another number. I also had to hardcoded all 5 numbers with addEventListeners, perhaps there is some better alternative for this.
@jamaaldev
Posted
first thing when you are hovering the links rate number you just need to use hover effect in CSS you don't need to make in JavaScript. the second issue you have is when clicking the rate number is not smooth it's all about how you implement the functionality of adding active and removing active, this is my solution check it please and learn from it how I did. everyone is different,
https://github.com/jamaaldev/interactive-rating-component-main/blob/main/script.js
Marked as helpful
@Enx-dev
Submitted
i have a problem with the refresh, any help?
@jamaaldev
Posted
if you are using react router v6 have you tried using this hooks called useNavigate is good for when you refresh the page so that can remember where you are so no empty page issue also when you refresh it as well. it will remember the pages you are in is similar like history. I hope this may help you.