Skip to content

The Quote Generator repository is a collection of HTML, CSS, and JavaScript code that powers a simple web application. It allows users to generate random quotes with just a click of a button. The application's user-friendly interface and customizable design make it a delightful tool for discovering and sharing inspiring quotes.

License

Notifications You must be signed in to change notification settings

jinosabu1999/Quote-Generator

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

32 Commits
 
 
 
 
 
 

Repository files navigation

Quote Generator

Welcome to the Quote Generator! This simple web app allows you to generate, share, and save your favorite quotes with ease. Below are the details and instructions on how to use the application.

Features

  • Generate Random Quotes: Click the "New Quote" button to fetch a random quote from the Quotable API.
  • Dark Mode: Toggle between light and dark modes for a comfortable reading experience.
  • Copy to Clipboard: Copy the displayed quote to your clipboard for easy sharing.
  • Save to Favorites: Save your favorite quotes locally to revisit them later.
  • View Favorites: View your saved quotes.
  • Share Quotes: Share your favorite quotes using the Web Share API.
  • Play Quotes: Have the quotes read aloud to you using the Speech Synthesis API.

How to Use

  1. Generate a Quote: Click the "New Quote" button to display a random quote.
  2. Copy Quote: Click the clipboard icon (📋) to copy the current quote to your clipboard.
  3. Save to Favorites: Click the star icon (⭐) to save the current quote to your favorites.
  4. View Favorites: Click the "View Favorites" button to see all your saved quotes.
  5. Share Quote: Click the share icon (📤) to share the current quote via supported apps on your device.
  6. Play Quote: Click the play icon (▶️) to have the quote read aloud. Click again to pause.
  7. Toggle Dark Mode: Click the moon icon (🌙) in the top right corner to switch between light and dark modes.

Installation

  1. Clone the repository:
    git clone https://github.com/jinosabu1999/quote-generator.git
  2. Open index.html in your preferred web browser.

Dependencies

  • Google Fonts (Quicksand)
  • Quotable API

License

This project is licensed under the MIT License. See the LICENSE file for details.

Contributing

Contributions are welcome! Feel free to submit a pull request or open an issue on GitHub.

Contact

For questions or suggestions, please contact [jinosabu3@gmail.com].

Enjoy your quotes!

About

The Quote Generator repository is a collection of HTML, CSS, and JavaScript code that powers a simple web application. It allows users to generate random quotes with just a click of a button. The application's user-friendly interface and customizable design make it a delightful tool for discovering and sharing inspiring quotes.

Topics

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages