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
Request path contains unescaped characters
Not Found
Not Found
Not Found

Submitted

ReactJs & TailwindCSS & Typescript - Advice Generator

P
Ebenezer 540

@ekankam

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


This was a fun challenge to participate in for sure. I added cypress testing to this project because I am currently learning cypress and I am also trying to get into the habit of testing my applications. Also it is required at my job. The cypress test might have been an over-kill but I think this challenge allowed me to practice what I have been learning. And it has shifted my perspective on testing my applications.

BTW, I don't know if this is only happening on my computer but when I open the application with firefox and click on the button to generate new data, it doesn't make the call. But that doesn't happen chrome. So if anyone can share some light on why it is behaving like that in firefox that would be great!

Thank you! And keeping learning. That's how we grow as developers.

Community feedback

A B 900

@ABojo

Posted

I had the same problem when building this project. Fetch is caching and returning the previous response when you make requests too quickly.

I was able to fix it with this: fetch(url, { cache: "no-cache", });

Marked as helpful

1

P
Ebenezer 540

@ekankam

Posted

@ABojo Thank you so very much. I appreciate you help. That fixed the issue I was having. Thank you, again.

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