QuoteGarden – Automated Daily Inspirational Quote Web App with API Integration and GitHub Actions

QuoteGarden – Automated Daily Inspirational Quote Web App

QuoteGarden is a lightweight, fully automated web application that delivers a new inspirational quote every day. I built this project to combine API integration, frontend design, and automation into a simple but meaningful user experience.

The system fetches a random quote daily from the ZenQuotes API using a Python script. The quote is stored in a structured JSON file (quote.json), which is then dynamically loaded by the frontend. The UI is designed to be colorful, responsive, and engaging across devices.

To eliminate manual updates, the entire workflow is automated using GitHub Actions. The application is hosted on GitHub Pages, making it completely serverless and free to deploy.

Key Features

• Daily inspirational quote fetched automatically
• Clean, colorful, and responsive user interface
• One-click WhatsApp sharing functionality
• Automated daily updates via GitHub Actions
• Lightweight and fully static deployment using GitHub Pages

How the Automation Works

1. A Python script fetches a random quote from the ZenQuotes API.
2. The quote is saved into a quote.json file.
3. GitHub Actions runs the script daily and commits the updated file.
4. The frontend dynamically reads quote.json and displays the latest quote.
5. Users can share the quote instantly via WhatsApp.

Core API Fetch and Storage Logic

response = requests.get(QUOTE_URL)
if response.status_code == 200:
    data = response.json()

    quote = {
        "quote": data[0]["q"],
        "author": data[0]["a"],
        "date": datetime.now().strftime("%Y-%m-%d"),
    }

    with open("quote.json", "w") as file:
        json.dump(quote, file, indent=4)

This script fetches a fresh quote daily and stores it in a structured JSON format for frontend consumption.