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

Ser 250

@SinthMite

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


What are you most proud of, and what would you do differently next time?

What I'm Most Proud Of:

  • 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.

What I Would Do Differently Next Time:

  • 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 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