quotes360

Quotes360

Quotes360 is a simple web application that displays a random quote and an accompanying image. The quote and image are fetched from external APIs.
View Demo

Table of Contents

1. About The Project
2. Built With
3. Features
4. Getting Started
5. Contributing
6. Acknowledgements

About The Project

Built With

Features

• Fetches a random quote from the API Ninjas quote API.
• Fetches a random image from the Unsplash API.
• Displays the quote and the image on the web page.
• Provides a “Next” button to fetch and display a new random quote and image.

• Able to select 65+ different categories

Getting Started

1. Clone the repository to your local machine:

   git clone https://github.com/jrTilak/quotes360.git
   

2. Navigate to the project directory:

   cd quotes360
   

3. Install the dependencies:

   npm install
   

4. Include all api keys in a .env file in the root directory:

   REACT_APP_UNSPLASH_CLIENT_ID = <YOUR_UNSPLASH_CLIENT_ID>
   REACT_APP_API_NINJA_QUOTES_API = <YOUR_API_NINJA_QUOTES_API>
   

5. Start the development server:

   npm start
   

6. Open your browser and visit http://localhost:3000 to view the application.

Contributing

Contributions are welcome! If you find a bug or want to add a new feature, please open an issue or submit a pull request.

---

Acknowledgements

• The quote API is provided by API Ninjas.
• The images are fetched from the Unsplash API.

• Special thanks to the authors of the dependencies used in this project.