This is a solution to the Interactive rating component challenge on Frontend Mentor. Frontend Mentor challenges help you improve your coding skills by building realistic projects.
Users should be able to:
- View the optimal layout for the app depending on their device's screen size
- See hover states for all interactive elements on the page
- Select and submit a number rating
- See the "Thank you" card state after submitting a rating
- Solution URL: https://wahyusa.github.io/FM-Rating-Card/
- Typescript
- Sveltekit
- TailwindCSS
- Coded with VSCode from Github Codespace 👌
This is a great exercise for junior like me, at first I really think this is just simple ez pz but then I realize that is not easy as I think (at that time). But now, I think yep that was easy.
Honestly I didn't know how to manage state over components to show / hide the "thank you" page but thanks to sveltekit docs and REPL also some video from youtube I learn a lot about svelte basics and concept.
I also learn about typescript but I guess didn't use lot of em in this project, maybe I can found any other implementation next time.
If there was any possible implementation and best practice with typescript may be I should use that.
- Sveltekit
- Svelte REPL
- James Q Quick youtube channel
- The Net Ninja youtube channel
- TailwindCSS
- Github Codespaces
- Website - Wahyu Syamsul A'lam
- Frontend Mentor - @wahyusa