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.

Table of Contents

• Overview
  • The Challenge
  • Screenshots
  • Links
• Built With
• How to Use
• 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

Screenshots

Links

• Solution URL

• Live Site URL

Built with

• Bun - A tool for building modern web applications.
• React - JavaScript library for building user interfaces.
• Vite.js - Next Generation Frontend Tooling
• SCSS - A CSS preprocessor.

How to Use

1. Clone the repository: git clone https://github.com/xyhomi3/advice-generator-app.git
2. Install dependencies: bun install
3. Start the development server: bun run dev
4. Open your web browser and visit http://localhost:5173 to view the application.

Author

• XYHOMi3
• GitHub: @xyhomi3
• Twitter: @xyhomi3
• Frontend Mentor - @xyhomi3