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
  • Useful resources
• Author
• Acknowledgments

Overview

The challenge

Users should be able to:

• View the optimal layout for the app depending on their device's screen size
• See hover states for all interactive elements on the page
• Generate a new piece of advice by clicking the dice icon

Screenshot

Links

• Solution URL: Github Repository
• Live Site URL: Advice Generator App

My process

Built with

• Semantic HTML5 markup
• CSS custom properties
• Flexbox
• CSS Grid

What I learned

From this project, I learned to fetch data from APIs using JavaScript, handle promises, work with JSON, and update HTML dynamically. Also, got the hang of event handling, error management, and styling with JS.

Useful resources

• How to Call an API in JavaScript – with Examples - This article on "How to Call an API in JavaScript – with Examples" has been a game-changer for me. It provided clear, step-by-step guidance on fetching data from APIs using JavaScript. The practical examples made it easy to understand, and now I feel more confident implementing API calls in my projects.

Author

• Website - Blessed Techie
• Frontend Mentor - @BlessingEmejulu
• Twitter - @BlessedTechie

Acknowledgments

Dear Noble Desmarts,

I wanted to take a moment to express my deepest gratitude to you for being the best friend I've had the pleasure of meeting this year. Your friendship has been an invaluable source of joy and support in my life.

Thank you for generously dedicating your time and always being willing and available to help whenever I called upon you. Your unwavering support has made a significant impact on my journey, and I am truly grateful for your kindness.

Moreover, I want to acknowledge the profound influence you've had on both my technical skills and academic pursuits. Your guidance has been a beacon, inspiring me to push boundaries and strive for excellence. Your insights and encouragement have played a pivotal role in my growth, and for that, I am sincerely thankful.

Thank you for being a wonderful friend and mentor. I am truly fortunate to have you in my life, and I want you to know how much your presence means to me.