hyuuga81/advice-generator

An app that generates useful advice when prompted

Newsletter Sign Up

This is an advice generator app. Pulling over 200 pieces of incredible advice from an API, when you click on the die, it will give you some random but much needed advice. Live demo here.

Table of Contents

• General Info
• Technologies Used
• Features
• Screenshots
• Setup
• Usage
• Project Status
• Room for Improvement
• Acknowledgements
• Contact

General Information

• This site generates random advice from an API with over 200 items.
• The site is responsive for mobile and desktop screens.
• This project uses API calls, json() and the Math.random() method.

Technologies Used

• HTML
• CSS
• JavaScript

Features

List the ready features here:

• The page is responsive for mobile and desktop screens.
• The Math.random() method is used to generate a random number to select a piece of advice from the API.
• Used an advice API to extract pieces of advice and displayed them on the screen using innerText.

Screenshots

Setup

No dependencies Open the app in any web browser

Usage

When the app is open, it randomly selects a piece of advice from the API and displays the id number and the advice on the page. To generate a different piece of advice, the user should click on the die at the bottom of the app. It will display a new piece of advice and its id number.

Project Status

Project is: complete

Room for Improvement

Room for improvement:

• Could use a tablet size media query
• Could recreate the project in React

To do:

Acknowledgements

Give credit here.

• This project was created by Frontend Mentor.

Contact

Created by @jayadeyina - feel free to contact me!