This is a solution to the Advice generator app challenge on Frontend Mentor. Frontend Mentor challenges help to improve the coding skills by building realistic projects.
This is a simple web application that generates random advices using the Advice Slip API.
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
- Semantic HTML markup
- CSS custom properties
- Mobile-first workflow
- Responsive design using Bootstrap 5 framework
- Vanilla JavaScript
- Advice Slip API
To generate random advice, simply click the "Dice" button on the website. The application will use an external API to fetch a random advice with ID and display it on the screen.
If you'd like to contribute to this project, feel free to submit a pull request or open an issue.