https://github.com/harshitv21/random-quote-generator

A Random Quote Generator that fetches a random quote and a random background image using Express + Axios and displays using React.
https://github.com/harshitv21/random-quote-generator

axios express quotable-api react unsplash-api

Last synced: 2 days ago
JSON representation

A Random Quote Generator that fetches a random quote and a random background image using Express + Axios and displays using React.

• Host: GitHub
• URL: https://github.com/harshitv21/random-quote-generator
• Owner: Harshitv21
• Created: 2024-05-14T19:50:52.000Z (6 months ago)
• Default Branch: main
• Last Pushed: 2024-05-14T19:57:57.000Z (6 months ago)
• Last Synced: 2024-05-15T16:14:13.793Z (6 months ago)
• Topics: axios, express, quotable-api, react, unsplash-api
• Language: JavaScript
• Homepage:
• Size: 14.1 MB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Random Quote Generator

Random Quote Generator fetches a random quote from [quotable.io](https://docs.quotable.io/docs/api/ZG9jOjQ2NDA2-introduction) along with a random background image from [Unsplash API](https://unsplash.com/documentation#get-a-random-photo) whenever a new quote is fetched.

Added a delay to avoid spams 🏃‍♂️

**Not optimized for mobile ⚠️**

## Frontend

```cmd

cd frontend

npm run dev

```

## Server

```cmd

cd server

npm run start

```

> Make a .env file and add CLIENT_ID to fetch random image using Unsplash API (to generate API key click [here](https://unsplash.com/documentation#creating-a-developer-account)).

## Screenshots

![Screenshot number #1](./assets/random%20quote%20generator%20-%201.png)

![Screenshot number #2](./assets/random%20quote%20generator%20-%202.png)

---