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.

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
• Default welcome screen for users visiting the app for the first time
• Loading screen when a new advice is being generated

Links

• Solution URL: GitHub Repo

Built with

• Semantic HTML5 markup
• Mobile-first workflow
• React - JS library
• Tailwind CSS - For styles
• TypeScript - for type-checking
• Vitest - for testing
• Git - for version control
• GitHub pages - for deploying

Note: These are just examples. Delete this note and replace the list above with your own choices

Author

• Website - Sounak Mukherjee
• GitHub - Sounak Mukherjee
• Frontend Mentor - @kanuos