Quote Generator by Pious.dev

Overview

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.

Features

• 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.

Technologies Used

• HTML5
• CSS3
• JavaScript (ES6+)
• External and Internal APIs

Getting Started

Prerequisites

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.

Installation

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.

Usage

• Click the "New Quote" button to generate a new quote.
• Click the "Tweet this quote" button to share the current quote on Twitter.

Contributing

Contributions are welcome. Feel free to open a pull request or use the Issues tab to report any bugs.

Authors

• piousdev on Github
• @piousalphadev on X

Acknowledgements

• 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

Footer

Made with ❤ by Pious.dev

License

This project is open source and available under the MIT License