Skip to content

Latest commit

 

History

History
37 lines (23 loc) · 1.3 KB

README.md

File metadata and controls

37 lines (23 loc) · 1.3 KB

Advice generator app - Frontend Mentor Junior Challenge

Introduction

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.

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

Built with

  • Semantic HTML markup
  • CSS custom properties
  • Mobile-first workflow
  • Responsive design using Bootstrap 5 framework
  • Vanilla JavaScript
  • Advice Slip API

Links

How to Use

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.

Contributing

If you'd like to contribute to this project, feel free to submit a pull request or open an issue.