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

[ React ] Advice Generator (Feedback is Appreciated)

Nipaaaa1 350

@Nipaaaa1

Desktop design screenshot for the Advice generator app coding challenge

This is a solution for...

  • HTML
  • CSS
  • JS
  • API
2junior
View challenge

Design comparison


SolutionDesign

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 120

@ngdangtu-vn

Posted

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 helpful

0

Nipaaaa1 350

@Nipaaaa1

Posted

@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
Nipaaaa1 350

@Nipaaaa1

Posted

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 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