Advice generator app - JavaScript, Fetch API

Advice generator app using the Advice Slip API

Screenshot

Links

• Code URL: (https://github.com/rimshub/javascript-advice-generator)
• Live Site URL: (https://rimshub.github.io/javascript-advice-generator/)

Overview

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

Built with

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

Author

• Website - (https://github.com/rimshub)
• Frontend Mentor - (https://www.frontendmentor.io/profile/rimshub)

Acknowledgments

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