https://github.com/muhammedzohaib/advice-generator-app

This repository houses an Advice Generator App, a simple web application developed with HTML, CSS, and JavaScript. The app utilizes a third-party API to fetch and display random pieces of advice, providing users with insightful quotes.
https://github.com/muhammedzohaib/advice-generator-app

advice-generator-app javascript simple-website third-party-api website

Last synced: 5 days ago
JSON representation

This repository houses an Advice Generator App, a simple web application developed with HTML, CSS, and JavaScript. The app utilizes a third-party API to fetch and display random pieces of advice, providing users with insightful quotes.

• Host: GitHub
• URL: https://github.com/muhammedzohaib/advice-generator-app
• Owner: MuhammedZohaib
• Created: 2023-02-02T18:52:38.000Z (about 2 years ago)
• Default Branch: main
• Last Pushed: 2023-06-20T16:13:11.000Z (over 1 year ago)
• Last Synced: 2025-02-07T01:46:40.576Z (5 days ago)
• Topics: advice-generator-app, javascript, simple-website, third-party-api, website
• Language: CSS
• Homepage: https://muhammedzohaib.github.io/Advice-Generator-App/
• Size: 6.84 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Advice Generator App

The Advice Generator App is a simple web application built with HTML, CSS, and JavaScript. This app utilizes a third-party API to fetch and display random pieces of advice to users.

## Features

- Fetches random advice using a third-party API.

- Displays advice dynamically on the web page.

- Provides a user-friendly interface.

## Usage

1. Clone or download the repository to your local machine.

2. Open the project directory.

3. Open the `index.html` file in your web browser.

4. Click the "Get Advice" button to fetch a random piece of advice.

5. The advice will be displayed on the screen.

6. To fetch another piece of advice, simply click the "Get Advice" button again.

7. Enjoy the wisdom and insights provided by the advice generator!

## Customization

You can customize the appearance of the app by modifying the CSS styles in the `styles.css` file. Feel free to experiment with different colors, fonts, and layouts to suit your preferences.

## Dependencies

The app relies on a third-party API to retrieve the random advice. Ensure that you have a stable internet connection to access the API.

## Acknowledgements

- [HTML](https://developer.mozilla.org/en-US/docs/Web/HTML)

- [CSS](https://developer.mozilla.org/en-US/docs/Web/CSS)

- [JavaScript](https://developer.mozilla.org/en-US/docs/Web/JavaScript)

## License

This project is licensed under the [MIT License](LICENSE).