Design comparison
Solution retrospective
Hello! This is my solution for this Challenge!
This is actually a simple challenge. But it makes me realize I didn't know the basics of API that much. On the good side, now I could properly animate something with framer motion. Though I still struggle with layout animation.
If you had a good resources to learn about API (Like YouTube playlist, article, web, or anything!). Kindly share with me and other people who saw this challenge, you're helping a lot of people by doing that.
But still Any Feedback is Appreciated so if you could look at the code and give a feedback, it really helps. Also, if you haven't review other people code or give a feedback before, feel free to use this as a practice.
Anyway, Happy Coding!
Community feedback
- @ngdangtu-vnPosted 10 months ago
There is a room to improve in fetching API.When I madly click on the rolling button, it will call the same amount API as much as I clicked. In this case, I think it's ok since API is simple. But it is not a good practice to do it in any production work. To deal with this problem, you can go as simple as I did (prefer my work) or try to apply debouncing method (this is way better than mine).
Marked as helpful0@Nipaaaa1Posted 10 months ago@ngdangtu-vn Ah, I remember reading that the API cached every 2 seconds, so it's practically useless to make request under that time span. I'll try using debouncing method to fix this, thanks!
0 - @Nipaaaa1Posted 10 months ago
The screenshot looks like that because of the animation. Sorry, I couldn't do anything about it :(
0
Please log in to post a comment
Log in with GitHubJoin 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