Interactive rating tool using Semantic HTML, Sass and TypeScript
Solution retrospective
First challenge here - I like that it was a fairly simple app which also gave me room to use Sass and TypeScript for the first time outside of course guided projects. Helped me consolidate stuff like fading in elements with CSS transitions too. I'm still trying to get the hang of TS, it's really hard for me to understand how it benefits the code at times, and I feel like most of the TS code I wrote was because TS "made" me by showing errors if I didn't. Haha. But given the amount of code in this challenge, maybe using TS (and Sass) was a bit of an overkill. Anyway, fun little project.
Please log in to post a comment
Log in with GitHubCommunity feedback
- @elaineleung
Hi Amélie, well done completing your first challenge here at Frontend Mentor, and a warm welcome to the community 😊
I agree that sometimes it seems like an overkill to use tools and libraries for these little components; having said that, I also agree with the point you made about how this gave you the opportunity to use what you learned. I think that's probably more important in the long run because chances are you might have to build components like these with TS as part of a larger project later, so it's worth the practice!
About this component, one suggestion I have is to see whether you can put in some logic that prevents the user from proceeding to the thank you page if they don't select a score; right now, when I click on submit without selecting a rating, I'd get "undefined" in the message, and so it would be good if the user doesn't have to see that.
Once again, great work, and I enjoyed reading about your reflection on the whole process. Keep going! 😊
Marked as helpful
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