GitHunt
BO

bocaletto-luca/Random-Quote-Generator

Random Quote Generator is a sleek, client-side web application designed to fetch motivational and inspiring quotes from the ZenQuotes API using a proxy service to overcome CORS restrictions. This app not only displays random quotes but also allows you to save your favorite quotes in an intuitive list and export them in various formats, including...

Random Quote Generator ๐Ÿ’ฌโœจ | WebAPP

Author: Bocaletto Luca
License: GNU GPL v3

HTML
CSS
JavaScript
API

Test Online


Overview ๐Ÿš€

Random Quote Generator is a sleek, client-side web application designed to fetch motivational and inspiring quotes from the ZenQuotes API using a proxy service to overcome CORS restrictions. This app not only displays random quotes but also allows you to save your favorite quotes in an intuitive list and export them in various formats, including JSON, CSV, and SQL. Built with HTML5, CSS3, and vanilla JavaScript, this project boasts a modern, responsive interface that looks great on both desktop and mobile devices.


Features ๐Ÿ’ก

  • Dynamic Quote Fetching
    โžก๏ธ Retrieve a new inspirational quote on demand via the Get Quote button.

  • Save Favorite Quotes
    โžก๏ธ Click Save Quote to add the currently displayed quote to your personal list. The saved list updates in real time.

  • Export Options
    โžก๏ธ Easily export your saved quotes in multiple formats:

    • JSON: For seamless data interchange.
    • CSV: Ideal for spreadsheets and data analysis.
    • SQL: Generates INSERT statements for database integration.
  • Responsive & Modern UI
    โžก๏ธ A clean, user-friendly design crafted with HTML5 and CSS3, ensuring a great experience on any device.


How It Works ๐Ÿ”ง

  1. Fetch a Quote:

    • When the page loads or you click the Get Quote button, the application uses a proxy service (e.g., Thingproxy) to fetch a random quote from the ZenQuotes API.
    • The returned JSON data is then parsed to display both the quote text and the author.
  2. Save & Export:

    • Use the Save Quote button to add the current quote to an on-screen list.
    • Export your saved quotes using the provided export buttons (JSON, CSV, SQL), which dynamically generate and download the file in your chosen format.
  3. User Experience:

    • Enjoy immediate feedback with smooth transitions and clear typography that enhance readability and engagement.

Technologies Used ๐Ÿ”ฅ

  • Frontend: HTML5, CSS3, Vanilla JavaScript
  • API: ZenQuotes API (accessed via a proxy to manage CORS issues)
  • Proxy Service: Thingproxy (e.g., https://thingproxy.freeboard.io/fetch/)

Installation & Usage โš™๏ธ

  1. Clone or Download:
    Clone the repository or download the source code.

  2. Open the Application:
    Open the index.html file in your preferred web browser.

  3. Start Generating:
    Click Get Quote to fetch a random motivational quote. Save your favorites and export the list in your desired format.


Contributing ๐Ÿค

Contributions are welcome!
If you have ideas for enhancements or bug fixes, please fork the repository, make your changes, and open a pull request. For issues or feature requests, feel free to create a new issue.


This project is intended for developers who love clean, practical solutions and want to integrate inspiring functionality into their web applications. Happy coding!

Languages

JavaScript60.5%CSS20.8%HTML18.7%

Contributors

GNU General Public License v3.0
Created June 1, 2025
Updated January 14, 2026
bocaletto-luca/Random-Quote-Generator | GitHunt