Frontend Mentor - Advice generator app solution

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

Table of contents

• Overview
  • The challenge
  • Screenshot
  • Links
• Process
  • Built with
• Author

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

Loading advice - Screenshot 1

Advice - Screenshot 2

Links

• Solution URL: Frontmentor.io Solution
• Live Site URL: Solution Live Site

Process

Built with

• Semantic HTML5 markup
• Mobile-first workflow
• React - JS library
• Sass - For styles
• @axe-core/react to ensure accessibility

Author

• Linkedin - David do Carmo
• Frontend Mentor - @davidscarmo