Submitted 20 days ago

Advice generator with REST API

edpau• 240

@edpau

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

What specific areas of your project would you like help with?

I structured the JavaScript code with modularity and future testing in mind. I implemented:

Error Handling: i.e.4xx-5xx HTTP Status
Handle Edge Cases: validate Api Response
Provide Feedback to Users: Loading Indicator and Error Feedback
Debouncing the Button Click
Accessibility Considerations, aria-busy, aria-live="polite”
Use init()

Please comment on my JavaScript code design on fetching and display the advice from the Advice Slip API.

What area should I look into for improvement? Any good link?

Community feedback

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