Quote Generator

This project is a simple Quote Generator built using pure JavaScript, HTML, and CSS. It allows users to generate random quotes and copy them to the clipboard.

Features

𝗥𝗮𝗻𝗱𝗼𝗺 𝗤𝘂𝗼𝘁𝗲 𝗚𝗲𝗻𝗲𝗿𝗮𝘁𝗶𝗼𝗻: Click the "Generate Quote" button to display a new random quote.
𝗖𝗼𝗽𝘆 𝘁𝗼 𝗖𝗹𝗶𝗽𝗯𝗼𝗮𝗿𝗱: Click the copy button to easily copy the generated quote to your clipboard.
𝗥𝗲𝘀𝗽𝗼𝗻𝘀𝗶𝘃𝗲 𝗗𝗲𝘀𝗶𝗴𝗻: The layout is fully responsive and adapts to different screen sizes.
𝗣𝘂𝗿𝗲 𝗝𝗮𝘃𝗮𝗦𝗰𝗿𝗶𝗽𝘁: No external libraries or frameworks are used; everything is implemented with vanilla JavaScript and DOM manipulation.

Demo

Check out the live demo of the project: Quote Generator

How It Works

The app stores a list of quotes in a JavaScript array. When the "Generate Quote" button is clicked, a random quote is selected from the array and displayed on the screen. The "Copy to Clipboard" functionality is implemented using the navigator.clipboard.writeText method.

Installation

To run this project locally, follow these steps:

Clone the repository:
git clone https://github.com/yourusername/quote-generator.git

Usage

Click the Generate Quote button to display a new quote.
Use the Copy to Clipboard button to copy the quote to your clipboard.

Technologies Used

𝗛𝗧𝗠𝗟: For the structure of the web page.
𝗖𝗦𝗦: For styling the application.
𝗝𝗮𝘃𝗮𝗦𝗰𝗿𝗶𝗽𝘁: For handling the logic and DOM manipulation.

Developed by Abdulmalik.