Random Quote Generator 📜

The Random Quote Generator is a web application that provides users with random inspirational quotes. It offers a clean and user-friendly interface with beautiful background effects to enhance the user experience.

Features 🚀

• Random Quotes: Displays a random quote each time the user interacts with the app.
• Author and Image: Each quote comes with the author's name and a related image.
• Responsive Design: Works seamlessly on both desktop and mobile devices.
• Background Effects: Uses particles.js for dynamic background effects.

Getting Started 🛠️

Follow these steps to get the application up and running locally on your machine.

Prerequisites

• A modern web browser (Chrome, Firefox, Edge, etc.)

Installation

1. Clone the Repository

   git clone https://github.com/joe7mohamed/random-quote-generator.git

2. Navigate to the Project Directory

   cd random-quote-generator

3. Open the index.html File in Your Browser

   Open index.html in your preferred web browser to run the application.

Usage 📖

• View a Quote: Upon loading, the app displays a random quote.
• Generate New Quote: Click the "New Quote" button to display a different quote.
• Background Effects: Enjoy the particle effect that animates the background for a visually appealing experience.

Technology Stack 🧰

• HTML: Provides the basic structure of the application.
• CSS: Utilizes Bootstrap for responsive design and custom styles.
• JavaScript: Implements the logic for generating and displaying quotes.
• Particles.js: A library for creating particle effects in the background.
• FontAwesome: Provides icons for UI enhancements.

Packages Used 📦

• Bootstrap: For responsive layout and styling (bootstrap.min.css and bootstrap.bundle.min.js).
• FontAwesome: For icons (all.min.css and related webfonts).
• Particles.js: For background animations, configured via particles.json.

Contributing 🤝

Contributions are welcome! To contribute to the project, follow these steps:

1. Fork the Project
2. Create your Feature Branch (git checkout -b feature/AmazingFeature)
3. Commit your Changes (git commit -m 'Add some AmazingFeature')
4. Push to the Branch (git push origin feature/AmazingFeature)
5. Open a Pull Request

License 📄

This project is licensed under the MIT License - see the LICENSE file for details.

Contact 📧

Youssef Mohamed - GitHub - Facebook - Instagram - LinkedIn - Twitter

Project Link: https://github.com/joe7mohamed/random-quote-generator

Acknowledgments 🙏

• Bootstrap for the CSS framework.
• FontAwesome for the icon library.
• Particles.js for the particle effect library.