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

Advice Generator using Vite, React, Tailwind

Warren 630

@warrenlee

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


Fairly straightforward. Using React for this challenge.

Community feedback

Elaine 11,400

@elaineleung

Posted

Hi Warren, I like your idea of using a fade out transition for the button after clicking, will pin this for later. I'm viewing this on Firefox and can't see the next advice slips loading due to caching, which is a known issue I see for many of these solutions. You can test it out on Firefox also. I ended up adding a line for cache in the header object for fetch: fetch("https://api.adviceslip.com/advice", { cache: 'no-cache' }). See whether that works for you as well.

Marked as helpful

0

Warren 630

@warrenlee

Posted

@elaineleung Hi Elaine, thanks for the advice! Will give that try.

1
Elaine 11,400

@elaineleung

Posted

@warrenlee Hey Warren, I just checked out your website and saw that you're the one who built the ViuTV anniversary interactive page! I thought it was really cool when I first saw it months ago; sadly I couldn't interact much with it as it wasn't really working on my browser and I didn't try another browser. I even thought about emailing ViuTV about but it was kinda too trivial so I forgot. Anyway, hope your work can be viewable on more browsers (or just Firefox will do)🙂

0
Warren 630

@warrenlee

Posted

@elaineleung ah yes sorry about that! I also did find out it wasn't working on Firefox quite a while ago but since ViuTV hasn't raised it up so I decided to let it go but at the same time it's pretty odd that it's not working on FF. Thanks for the support in the meantime! I will put more effort into testing on all other browsers.

1

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