Random Quotes Coding Challenge

Overview

This project is a JavaScript and HTML coding challenge that demonstrates a dynamic web page with a fading background color animation and the ability to fetch and display random quotes.

Features

• Fading Background Animation: The project features a smoothly animated background color transition that continuously changes colors in a gradient pattern.

• Random Quote Generation: Users can click the "Get a quote!" button to fetch a random quote and display it on the web page.

• Error Handling: If there's an issue with fetching a quote, the system displays an error message in an alert.

Prerequisites

• A modern web browser that supports HTML5, JavaScript, and CSS animations.

Getting Started

1. Clone this repository to your local machine.

2. Open the index.html file in your preferred web browser.

Usage

1. Click the "Get a quote!" button to fetch and display a random quote.

2. Enjoy the fading background color animation while reading inspirational quotes.

Customization

You can customize this project by:

• Modifying the CSS in main.css to change the animation duration, colors, or other styles.

• Changing the API endpoint in main.js to fetch quotes from a different source.

Contributing

Contributions are welcome! Please follow the Contributing Guidelines for more information.

License

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

Acknowledgments

• This project was created as a coding challenge.

• The background color animation inspiration came from CSS Gradient Animator.