Submitted almost 2 years ago

Random advice generator app using Axios

Kelly CHI• 210

@KellyCHI22

Preview site(opens in new window)View code(opens in new window)

This is a solution for...

Advice generator app

HTML
CSS
JS
API

2junior

View challenge

Design comparison

SolutionDesign

Solution retrospective

Hey there, this is my #12 challenge ✌️ And also my first challenge of Junior level. It's really fun to work with different APIs. Wish there could be more challenges related to APIs on Frontend Mentor! Thank you for reviewing my code, I am happy to hear any suggestions :)

Community feedback

Adriano• 34,090

@AdrianoEscarabote

Posted almost 2 years ago

Hi Kelly CHI, how are you?

I really liked the result of your project, but I have some tips that I think you will enjoy:

images must have alt text unless it is a decorative image, for any decorative image each IMG tag must have empty alt="" and add aria-hidden="true" attributes to make all the assistive technologies of the Web, as screen reader. Learn the differences between decorative/meaningless images vs important content.

The rest is great!

I hope it helps... 👍

Marked as helpful

Kelly CHI• 210

@KellyCHI22

Posted almost 2 years ago

Hi @AdrianoEscarabote, thank you for your suggestion! I've updated my Html :)

Vlad Solomon• 270

@vlad-solomon

Posted almost 2 years ago

You should really fetch some advice straight away on page load to have it displayed already.

Marked as helpful

Kelly CHI• 210

@KellyCHI22

Posted almost 2 years ago

Hello @vlad-solomon, thanks for your advice! I've updated the JavaScript :)

Vlad Solomon• 270

@vlad-solomon

Posted almost 2 years ago

@Hsin-tingCHI Awesome job!

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