Design comparison
Solution retrospective
Here are some potential improvements that could be made to the application:
Styling: Add CSS to improve the visual appearance of the app. Loading Indicator: Display a loading indicator while the advice is being fetched. Error Messages: Show user-friendly error messages on the UI instead of just logging them to the console.
What challenges did you encounter, and how did you overcome them?Understanding the Fetch API: Challenge: As a beginner, understanding how to use the Fetch API to make network requests and handle responses was initially challenging.
Handling Asynchronous Operations: Challenge: Working with asynchronous operations in JavaScript can be tricky, especially when dealing with promises and asynchronous functions.
What specific areas of your project would you like help with?While the basic functionality of the Advice Generator app is working well, there are several areas where I could use some assistance to improve and enhance the project: User-Friendly Error Messages: Help Needed: Currently, errors are logged to the console. I would like to implement user-friendly error messages that are displayed on the UI when something goes wrong (e.g., network issues). Details: Guidance on best practices for error handling in JavaScript and how to display error messages in a way that does not disrupt the user experience would be beneficial.
Community feedback
- @gautam32b7Posted 4 months ago
Hi there!
I appreciate your effort in completing the challenge. However, I would suggest you study my solution.
Github link: https://github.com/gautam3333/advice-generator
0
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