This project is a simple Quote Generator built with HTML, CSS, and JavaScript. It fetches quotes from a remote API as well as a local object (localQuotes) and displays them alongside an author name. Users can generate a new quote or share the current quote on Twitter with the click of a button. The design is responsive, making it accessible on various devices.
- Generate Quote: Dynamically fetches and displays quotes from an API and Local Object in case the API is decommissioned.
- Share on Twitter: Allows users to share quotes on Twitter.
- Responsive Design: Adapts to screen sizes for a wide range of devices.
- HTML5
- CSS3
- JavaScript (ES6+)
- External and Internal APIs
No prerequisites are needed for viewing this project. To edit or run the project locally, you will need a modern web browser and a text editor due to the modern javascript syntax.
Clone the repository to your local machine:
git clone https://git@github.com:piousdev/quote-generator.git
Navigate to the project directory:
cd quote-generator
Open the index.html
file in your browser, or use a live server extension if you prefer.
- Click the "New Quote" button to generate a new quote.
- Click the "Tweet this quote" button to share the current quote on Twitter.
Contributions are welcome. Feel free to open a pull request or use the Issues tab to report any bugs.
- Fonts provided by Google Fonts
- Quotes provided by type.fit API
- Local Quotes provided by Breaking Bad Quotes by shevabam
- Icons provided by Font Awesome
Made with ❤ by Pious.dev
This project is open source and available under the MIT License