/random-quote-machine

This repository contains the code for a "Random Quote Machine" web application.

Primary LanguageHTMLMIT LicenseMIT

Random Quote Machine

This project is a Random Quote Machine, which generates and displays random quotes along with the respective authors. It also provides options to share the quotes on Twitter and Tumblr.

Features

  • Random Quotes: The application fetches quotes asynchronously from the Quotable API and displays them randomly.

  • Dynamic Styling: The background color and button colors change dynamically with each new quote, creating a visually appealing experience.

  • Social Media Sharing:

    • Twitter: Click the Twitter icon to share the current quote on Twitter.
    • Tumblr: Click the Tumblr icon to post the current quote on Tumblr.

Usage

  1. Open the HTML File: Open the index.html file in your preferred web browser.

  2. Generate a New Quote: Click the "New Quote" button to fetch and display a new random quote.

  3. Share on Social Media:

    • Twitter: Click the Twitter icon to open a new window for tweeting the current quote.
    • Tumblr: Click the Tumblr icon to open a new window for posting the current quote on Tumblr.

Design

The design is responsive and adjusts for smaller screens, providing an optimal user experience across devices.

Media Queries

  • For screens with a width of at least 600 pixels, the layout is optimized for readability and aesthetics.

Dependencies

  • jQuery: A fast, small, and feature-rich JavaScript library.
  • jQuery UI: A curated set of user interface interactions, effects, widgets, and themes.

Credits

License

This project is open-source and available under the MIT License. Feel free to modify and use it according to your needs.

Note: This project includes the FreeCodeCamp Testing Script for FreeCodeCamp certification purposes.