Design comparison
Solution retrospective
Fairly straightforward. Using React for this challenge.
Community feedback
- @elaineleungPosted over 2 years ago
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 helpful0@warrenleePosted over 2 years ago@elaineleung Hi Elaine, thanks for the advice! Will give that try.
1@elaineleungPosted over 2 years ago@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@warrenleePosted over 2 years ago@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 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