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 app

Steve 1,170

@peanutbutterjlly

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

Community feedback

@InterestingPlus

Posted

🤩 The advice generator app you've built is a nice implementation of the design provided.

✨Here are a few suggestions to consider for further improvement:

.

1. Error Handling: Currently, the app doesn't handle any errors or edge cases.

  • It would be helpful to include appropriate error handling and validation for scenarios such as empty inputs or unexpected API responses. Providing clear error messages or feedback to users will enhance the overall user experience.

2. Loading State: When fetching advice from the API, it's a good practice to indicate to users that the app is loading the data.

  • Consider adding a loading state or spinner to provide visual feedback and let users know that the app is working on fetching the advice.

3. Share Functionality: It would be a great addition to allow users to share the generated advice on social media or through other communication channels.

  • Adding social media sharing buttons or copy-to-clipboard functionality would enhance the app's engagement and allow users to easily share the advice they find meaningful.

Keep up the good work! Implementing these suggestions will help improve the user experience and overall quality of your advice generator app. 🤩👍

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