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

Responsive component with API and data fetching

#bem#fetch#sass/scss#accessibility
Elaine 11,420

@elaineleung

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


Just updated this challenge with error handling and also accessibility functions. I also added a loading screen animation with a slight delay added. Quite like the end result, hope the tabbing works on other screens as well!

Community feedback

P

@tiago-jv0

Posted

Hello Elaine, hope you doing well, I am really amazed about your skills in front-end development, you solution is great, one thing that i would recommend is that you add a disabled attribute to your button when your request begins, i noticed that if the user clicks the button N times, it sends N requests, so it would be nice to prevent this behavior, overall, it is a fantastic solution.

Marked as helpful

1

Elaine 11,420

@elaineleung

Posted

@tiago-jv0 Thanks for the tip, Tiago! I appreciate the comments as well 🙂

0
Elaine 11,420

@elaineleung

Posted

@tiago-jv0 Thanks for the tip, Tiago! I appreciate the comments as well 🙂

0

@nonoza

Posted

GREAT JOB!!!.. Can you please create like a video on Youtube and show us how you actually group all the front end projects in one repo and able to publish each one?

Marked as helpful

1

Elaine 11,420

@elaineleung

Posted

@nonoza Thank you!! I've gotten asked about this a few times, so it's definitely something I'm thinking about! Not sure I'll venture into the YouTube world though haha, but yes I'm seriously considering writing a post about it, will share it when the time comes!

0

@nonoza

Posted

@elaineleung thank you, will wait for the tag

0

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