Skip to content

AMRITANKA/quote-react-app

Folders and files

NameName
Last commit message
Last commit date

Latest commit

Β 

History

4 Commits
Β 
Β 
Β 
Β 

Repository files navigation

πŸŽ‰ Random Quote Generator (React + Vite + Tailwind)

A simple and elegant Random Quote Generator built with React, Vite, and Tailwind CSS.
It fetches a random quote from the Hashnode Free API and displays it beautifully.


πŸš€ Features

  • Fetches random quotes with author and tags.
  • Beautiful gradient background with a modern UI.
  • Loading state while fetching quotes.
  • Built with React (Vite) and styled using Tailwind CSS.

πŸ› οΈ Tech Stack

  • React 18 (via Vite)
  • Axios (for API calls)
  • Tailwind CSS (for styling)

πŸ“¦ Installation

Clone this repository:

git clone https://github.com/your-username/quote-app.git
cd quote-app

Install dependencies:

npm install

Run the development server:

npm run dev

πŸ–ΌοΈ Screenshot

image

πŸ”— API Reference

API used:
https://api.freeapi.app/api/v1/public/quotes/quote/random

Example Response:

{
  "statusCode": 200,
  "data": {
    "author": "Alan Watts",
    "content": "No work or love will flourish out of guilt, fear...",
    "tags": ["Future", "Life"],
    "authorSlug": "alan-watts",
    "length": 169,
    "dateAdded": "2022-03-12",
    "dateModified": "2023-04-14",
    "id": 246
  },
  "message": "Quote fetched successfully",
  "success": true
}

⚑ Usage

  1. Start the app.
  2. Click "Get a Quote" button.
  3. Enjoy inspirational quotes!

About

Random Quote Generator (React + Vite + Tailwind)

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors