This is a simple Quote Generator app built with HTML, CSS, and JavaScript. The app displays programming quotes and allows users to generate a new quote by clicking a button or pressing the spacebar. Additionally, users can copy the displayed quote (along with the author) to their clipboard with one click.
- Generate Random Quotes: Clicking the "Generate" button or pressing the spacebar displays a random programming quote.
- Copy to Clipboard: Users can copy both the quote and its author with the "Copy" button.
- Responsive Design: The app is designed to work on all screen sizes, including mobile devices.
- Simple and Clean UI: The user interface is minimalistic, making it easy to focus on the quotes.
- HTML5 for the structure of the page.
- CSS3 for styling the page and ensuring responsiveness.
- JavaScript for handling user interactions, generating random quotes, and copying to clipboard.
- Clipboard API for copying the quote and author to the clipboard.
You can view the live demo of the project here: Demo Link
(https://sanjilagangaju.github.io/Dev-Quote-Generator/)
-
Random Quote Generation: When you click the "Generate" button or press the spacebar, a new random programming quote will be displayed on the screen.
-
Copy Quote to Clipboard: Clicking the "Copy" button will copy the current quote along with the author’s name to your clipboard, which you can easily paste anywhere.
-
Responsive Layout: The app is built to be responsive, so it works well on different screen sizes, from desktop to mobile devices.
- Clone the repository to your local machine:
git clone https://github.com/SanjilaGangaju/Dev-Quote-Generator.git - Navigate into the project directory: Copy code
cd quote-generator
- Open the index.html file in your browser to view the app.
- Click the "Generate" button to display a new quote.
- Press the spacebar on your keyboard to generate a new quote.
- Click the "Copy" button to copy the quote and author to your clipboard.
-
Quote Categories: Add categories of quotes such as motivation, humor, etc.
-
Save Favorite Quotes: Allow users to save their favorite quotes using local storage or session storage.
-
Dark/Light Mode: Implement a theme toggle for users to switch between light and dark modes.
-
Social Sharing: Add options for users to share the quote on social media platforms like Twitter or Facebook.
-
Integration of WebAPI: Integrate APIs for generating vast numbers of quotes.
Feel free to fork the repository and make changes or improvements. If you'd like to contribute, open an issue or a pull request.
This project is open-source and available under the MIT License.