This is a solution to the Advice generator app challenge on Frontend Mentor.

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

Note: Delete this note and update the table of contents based on what sections you keep.

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

• Live Site URL: https://promtech-advice-generator.netlify.app/

• Semantic HTML5 markup
• CSS custom properties
• Flexbox
• Mobile-first workflow
• Javascript
• API Integration
• Async/Await

I really learnt alot in this project. I learnt how to use the fetch API to fetch data from an API. I also improved in my css styling and learnt new ways to structure my code better. I also learnt how to handle errors using the try/catch syntax that async/await provides. I also learnt how to handle events better in Javascript. I also learnt how to use Dom manipulation to dynamically update the content of the webpage.

To see how you can add code snippets, see below:

<marquee direction="ltr" scrollamount="8">Click on the dice to load new advice</marquee>

.dice{
    position: absolute;
    bottom: -25px;
    background-color: hsl(150, 100%, 66%);
    left: 50%;
    transform: translate(-50%, 0);
    width: 50px;
    height: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    cursor: pointer;
}

let timestamp = Date.now(); // Get current timestamp
let url = `https://api.adviceslip.com/advice?timestamp=${timestamp}`; // Append timestamp as a query parameter
let response = await fetch(url);
let data = await response.json();

• Async/Await.
• Timestamps.
• Caching with API integration.

• Website - Jonathan-Uwagboe Promise

I give great thanks to my Lord and Saviour Jesus Christ for making me see this project through. He really lead me through the internet to see I came out with something great