Frontend Mentor - Advice generator app solution

This is a solution to the Advice generator app challenge on Frontend Mentor. Frontend Mentor challenges help you improve your coding skills by building realistic projects.

Table of contents

• Overview
  • The challenge
  • Screenshot
  • Links
• My process
  • Built with
  • What I learned
  • Continued development
  • Useful resources
• Author
• Acknowledgments

Overview

The challenge

Users should be able to:

• click the green box to get an advice tips from the web.
• click the green box to get new advice tips if the 5 mins interval is not okay by them.

Screenshot

• Here is the screenshot of how the app looks like on the web.

Links

• Live Site URL: https://myadviceapp.netlify.app/

My process

Built with

• Semantic HTML5 markup
• CSS custom properties
• Flexbox
• CSS Grid
• Mobile-first workflow
• API

Continued development

• Using Asyn to FECTH data from API
• Using node.js as a server.

Useful resources

• resource 1 (https://www.youtube.com/channel/UCGiRSHBdWuCgjgmPPz_13xw/featured) - This helped me for understand the FECTH nad how to catch error. I really liked this pattern and will use it going forward.

Author

• Website - Abiona Olushola Jude
• Frontend Mentor - @Abiona-0lushola-Jude(https://www.frontendmentor.io/profile/@Abiona-0lushola-Jude)
• Twitter - @abiona_jude

Acknowledgments

i really want that Frontend Mentor for giving me a design to work with.