Random-Quote-Generator

An inspirational quote generator web application built using HTML, CSS, and JavaScript, using the InspiroBot API to fetch and display motivational quotes.

Features

• Generate random inspirational quotes
• Save favorite quotes
• Download quote images
• Toggle between light and dark themes
• Responsive design for various screen sizes

Technologies Used

• HTML5
• CSS3
• JavaScript (ES6+)
• InspiroBot API

How It Works

1. The application fetches a random quote image from the InspiroBot API.
2. Users can generate new quotes, save their favorites, and download quote images.
3. Saved quotes are displayed in a scrollable list below the main quote display.
4. The theme toggle allows users to switch between light and dark modes for comfortable viewing.

Project Structure

• index.html: Main HTML structure of the application
• src/css/root.css: CSS variables for theming
• src/css/main.css: Main stylesheet for the application
• src/js/main.js: JavaScript file containing the application logic

Setup and Usage

1. Clone the repository
2. Open index.html in your web browser.
3. Click the "Generate Quote" button to fetch and display a new inspirational quote.
4. Use the "Save Quote" button to add the current quote to your saved list.
5. Click the "Download" button to download the current quote image.
6. Toggle between light and dark themes using the sun/moon icon in the top right corner.

API Used

This project uses the InspiroBot API to generate random inspirational quotes.

Contributing

Contributions, issues, and feature requests are welcome. Feel free to check issues page if you want to contribute.

License

This project is open source and available under the MIT License.

Screenshots

Dark Mode

Light Mode