https://github.com/abhishekgurjar-in/advice-generator
The Advice Generator website is a straightforward application that allows users to get random advice at the click of a button. It uses the Advice Slip API to fetch advice and display it on the webpage.
https://github.com/abhishekgurjar-in/advice-generator
advice-generator advice-slip-api advice-slip-json-api api css frontend html javascript web-development
Last synced: 7 months ago
JSON representation
The Advice Generator website is a straightforward application that allows users to get random advice at the click of a button. It uses the Advice Slip API to fetch advice and display it on the webpage.
- Host: GitHub
- URL: https://github.com/abhishekgurjar-in/advice-generator
- Owner: abhishekgurjar-in
- Created: 2024-08-07T18:20:20.000Z (11 months ago)
- Default Branch: main
- Last Pushed: 2024-08-09T15:27:09.000Z (11 months ago)
- Last Synced: 2024-08-09T21:15:50.432Z (11 months ago)
- Topics: advice-generator, advice-slip-api, advice-slip-json-api, api, css, frontend, html, javascript, web-development
- Language: JavaScript
- Homepage: https://abhishekgurjar-in.github.io/Advice-Generator/
- Size: 13.7 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Advice Generator Website
## Introduction
Hello, fellow developers! Today, I am excited to share a fun and simple project that I recently worked on: an Advice Generator website. This project fetches random pieces of advice from an external API and displays them on a webpage. It's a great way to practice working with APIs and building interactive web applications.
## Project Overview
The Advice Generator website is a straightforward application that allows users to get random advice at the click of a button. It uses the [Advice Slip API](https://api.adviceslip.com/advice) to fetch advice and display it on the webpage.
## Features
- **Fetches Advice**: Retrieves random advice from the Advice Slip API.
- **Displays Advice**: Shows the advice along with an advice number.
- **Interactive Button**: Users can fetch new advice by clicking a button.
## Technologies Used
- **HTML**: For the structure of the webpage.
- **CSS**: For styling the webpage.
- **JavaScript**: For fetching data from the API and updating the DOM.
## Installation
To get started with the project, follow these steps:
1. **Clone the repository**:
```bash
git clone https://github.com/abhishekgurjar-in/Advice-Generator.git
```
2. **Open the project directory**:
```bash
cd Advice-Generator
```
3. **Run the project**:
- You can either run it on a local server or simply open the `index.html` file in a web browser.
## Usage
1. **Open the website** in a web browser.
2. **Click the "Get Advice" button** to fetch a new piece of advice.
3. **Enjoy the wisdom**!
## Live Demo
You can check out the live demo of the Advice Generator website [here](https://abhishekgurjar-in.github.io/Advice-Generator/).
## Screenshots
## Conclusion
Building the Advice Generator website was a fun and educational experience. It helped me practice working with APIs and building interactive web applications. I hope you find this project as enjoyable and informative as I did. Feel free to clone the repository and play around with the code. Happy coding!
## Credits
- This project uses the [Advice Slip API](https://api.adviceslip.com/).
## Author
- **Abhishek Gurjar**
- [GitHub Profile](https://github.com/abhishekgurjar-in)