Design comparison
Solution retrospective
-
Structured Design: I'm proud of how I structured the HTML and CSS for the advice generator app. I organized the sections logically and styled them appropriately to create an appealing and functional user interface. The use of flexbox and appropriate spacing techniques helped achieve a clean and modern layout.
-
API Integration: Additionally, I'm proud of integrating the fetch API to retrieve random advice and updating the DOM dynamically without page refresh.
-
Accessibility Improvement: Next time, I would improve the accessibility of the app by ensuring proper semantic HTML tags and adding ARIA attributes where necessary. Accessibility is crucial to make the app usable for all users, including those with disabilities.
-
Error Handling: I would also enhance the error handling in the JavaScript code to gracefully handle situations where the API request fails or returns unexpected data.
-
Performance Optimization: Moreover, I would focus on optimizing the app's performance, especially considering factors like network latency and caching strategies to minimize load times and improve user experience.
-
Responsive Design: Additionally, I would explore ways to make the app responsive across various devices and screen sizes to cater to a broader audience.
-
User Feedback: Lastly, I would consider incorporating user feedback mechanisms to gather insights and iteratively improve the app based on user preferences and suggestions.
Community feedback
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