Advice generator app solution

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

Table of contents

• Overview
  • The challenge
  • Screenshot
  • Links
• My process
  • Built with
  • Useful resources
• Author
• Disclaimer

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

• You can take a look here

My process

Built with

• JavaScript
• Fetch API
• Sass/Scss
• Semantic HTML5 markup
• Flexbox
• CSS Grid
• Media queries

Useful resources

• Positioning in css
• Fetch API
• API with random advices
• API with random quotes etc.

Author

• Github - @darrowv
• Frontend Mentor - @darrowv
• LinkedIn - Nasyr Akhmadov
• Telegram - Muhammad Nasyr

Disclaimer

• This application is created for educational purposes only. Author does not take responsibility for the quality of the advices/quotes. Do not take them seriously.