https://github.com/roycuadra/random-quote-machine
https://github.com/roycuadra/random-quote-machine
Last synced: about 2 months ago
JSON representation
- Host: GitHub
- URL: https://github.com/roycuadra/random-quote-machine
- Owner: roycuadra
- Created: 2023-04-28T07:45:38.000Z (about 2 years ago)
- Default Branch: main
- Last Pushed: 2023-04-29T18:23:31.000Z (almost 2 years ago)
- Last Synced: 2025-01-18T09:43:11.214Z (3 months ago)
- Language: HTML
- Homepage: https://random-quote-machine-inky.vercel.app
- Size: 41 KB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Random Quote Machine
# [Live Demo](https://random-quote-machine-inky.vercel.app/)
This is a simple web application that displays random quotes each time the user clicks a button.
## Technologies Used
- HTML
- CSS
- JavaScript
## How to Use
1. Clone this repository to your local machine.
2. Open the index.html file in your web browser.
3. Click the "New Quote" button to display a new quote.
## Design
The design of this application is minimalist and straightforward. The main focus is on the quote displayed in the center of the page, with a simple background color and font to provide contrast.
## Code Overview
The main functionality of the Random Quote Machine is implemented in JavaScript. The quotes are stored in an array, and a random quote is selected each time the "New Quote" button is clicked. The quote is then displayed on the page using JavaScript DOM manipulation.
The CSS is used to style the layout and appearance of the page, while the HTML provides the structure.
## Credits
This project was inspired by the [FreeCodeCamp Random Quote Machine challenge](https://www.freecodecamp.org/learn/front-end-libraries/front-end-libraries-projects/build-a-random-quote-machine).
The quotes used in this application were obtained from the [Quotable API](https://github.com/lukePeavey/quotable).
## License
This project is licensed under the [MIT License](https://opensource.org/licenses/MIT).