Submitted almost 2 years ago

ReactJs & TailwindCSS & Typescript - Advice Generator

Ebenezer•560

@ekankam

Preview site View code

This is a solution for...Advice generator app

HTML
CSS
JS
API

2junior

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
@ABojoPosted almost 2 years ago
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
Ebenezer•560
@ekankamPosted almost 2 years ago
@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

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