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
- 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
- Clone the repository to your local machine:
git clone https://github.com/jrTilak/quotes360.git
- Navigate to the project directory:
cd quotes360
- Install the dependencies:
npm install
- 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>
- Start the development server:
npm start
- Open your browser and visit http://localhost:3000 to view the application.
Contributions are welcome! If you find a bug or want to add a new feature, please open an issue or submit a pull request.
- 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.