Skip to content

vishnuvardhanreddy31/Random-Quote-Generator

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

3 Commits
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Random Quote Generator

Overview

The Random Quote Generator is a simple web application that fetches random quotes from an API and displays them on the screen. Users can generate new quotes and copy them to their clipboard with ease.

Features

  • Fetches random quotes from an external API.
  • Displays the quote and author on the screen.
  • Allows users to generate new quotes by clicking a button.
  • Provides a functionality to copy the current quote to the clipboard.

Demo

You can view a live demo of the project here.

Installation

To run this project locally, follow these steps:

  1. Clone the repository:

    git clone https://github.com/yourusername/random-quote-generator.git
  2. Navigate to the project directory:

    cd random-quote-generator
  3. Open index.html in your preferred web browser:

    open index.html

Usage

  • Open the application in your web browser.
  • Click the "Generate Quote" button to fetch and display a new quote.
  • Click the "Copy Quote" button to copy the displayed quote to your clipboard.

Project Structure

  • index.html: The main HTML file that structures the web page.
  • style.css: The CSS file that styles the web page.
  • main.js: The JavaScript file that contains the logic for fetching and displaying quotes, as well as copying quotes to the clipboard.
  • assets/favicon.png: The favicon for the web page.

External Resources

Author

Created with ❤️ by Vishnuvardhan Reddy.