Advice generator app
Design comparison
Solution retrospective
Hello, Frontend Mentor community! This is my solution to the Advice Generator app.
I have read all the feedback on this project and improved my code. Due to the fact that I published this project very long ago, I am no longer updating it and changing its status to Public Archive on my Github.
You are free to download or use the code for reference in your projects, but I no longer update it or accept any feedback.
Thank you
Community feedback
- @VaheAAPosted over 2 years ago
Hi! I noticed the same issue with the API call response in Firefox as i experience by myselfe while was doing this challenge. After first call you always get the cached response and result doesn't change. To solve it you can add to your fetch option "fetch(apiUrl, {cache: "no-cache"})". For more information https://developer.mozilla.org/en-US/docs/Web/API/Request/cache.
Besides that, nice work!
Marked as helpful4@catherineisonlinePosted over 2 years ago@VaheAA Yes, I noticed it, thanks a lot! Fixed it and it works now!
1 - @GrzywNPosted over 2 years ago
Great job Catherine! Frontendmentor.io crew did something wrong and they didn't provide right color for the background in this challenge. I used the one from figma and it wasn't matching any of the colors in the
style-guide.md
file.My color variables look like this:
$dark-blue: #202733; $dark-grayish-blue: #313a48; $grayish-blue: #4f5d74; $light-cyan: #cee3e9; $neon-green: #53ffaa;
Hope this helps! Happy coding!
Marked as helpful3@catherineisonlinePosted over 2 years ago@GrzywN Thanks, helped a lot
1@mattstuddertPosted over 2 years ago@GrzywN, I've just seen these messages, so will take a look at the
style-guide.md
file for this challenge. Thanks! ๐1@mattstuddertPosted over 2 years agoOops! Yeah, I had forgotten the dark blue for the main background. Sorry about that! ๐ I've updated the file now for anyone else who starts the challenge.
3Account deleted@GrzywN vai ser de grande ajuda... obrigado...
0 - @SkidragonPosted over 2 years ago
It looks good though I keep getting a cached response when fetching for new advice. I believe it has to do with fetch since I used axios for mine, and you might have to do what this post suggested: https://stackoverflow.com/questions/29246444/fetch-how-do-you-make-a-non-cached-request
Just noticed its doing it on mine too. I think it might be firefox dev edition browser.
Marked as helpful2@catherineisonlinePosted over 2 years ago@Skidragon Should be working now, never noticed such thing with APIs until now
0 - @SamadeenPosted over 2 years ago
Hey Catherine!! Cheers ๐ฅ on completing this challenge.. . I think your dice could use a little margin-top and the color can use a little filter to make it darker.
You Inspire me so much... Happy coding
Marked as helpful1 - @Sdann26Posted over 2 years ago
Hi Catherine!
You're right, I when I saw about the colors, they didn't fit the design. In my case I used the eyedropper to inspect the page to get the colors.
Obviously if you can't use the eyedropper because you have the image and not the web page, you can use this tool to take the colors.
https://imagecolorpicker.com/
2 - @zent0821Posted over 2 years ago
I like it, nice job.
0 - @Salman-sajibPosted over 2 years ago
The color is not ok but nice work.
0@catherineisonlinePosted over 2 years ago@Salman311291 Thanks
0 - @Robert170304Posted over 2 years ago
hey you did a really good job and thanks your solution help me a lot to build this project.
0@catherineisonlinePosted over 2 years ago@Robert170304 Thanks!
0 - Account deleted
Boa, vejo que vocรช estรก indo muito bem nos desafios, parabรฉns...
0@catherineisonlinePosted over 2 years ago@anderson-medeiros Obrigado
0 - @shashreesamuelPosted over 2 years ago
Hey catherineisonline, good job completing this challenge. Keep up the good work
Your solution looks great however I think in comparison with the design that the dice requires some margin-top.
I hope this helps
Cheers Happy coding ๐
0@catherineisonlinePosted over 2 years ago@TheCoderGuru Thank you
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