🔧 DevOpsLive

Your real-time DevOps dashboard — DevOpsLive is a monitoring and productivity tool that integrates with GitHub and tracks commits, CI/CD builds, and issues, while also providing an API Watchdog to monitor REST endpoints and their performance.

---

🚀 Features

• 🔗 GitHub Integration – Syncs repositories to fetch:

  • Commits
  • CI/CD build runs
  • Issues and pull requests

• 🕵️ API Watchdog – Monitor REST APIs by adding custom endpoints.

  • Tracks response times and uptime.
  • Visualizes API health metrics.

• ⚡ Celery Task Processing – Distributed workers handle GitHub syncs and API monitoring in the background.

• 🌐 Modern Web App – Built with:

  • Django (Python) → Backend & API layer
  • React + Vite (TypeScript) → Fast frontend with modular components

• 📊 SQLite + Redis + RabbitMQ – Reliable backend stack for storage, caching, and async task management.

---

🛠️ Installation

Prerequisites

• Python 3.10+
• Node.js 18+
• SQLite
• Redis
• RabbitMQ
• GitHub API token

---

Backend Setup (Django + Celery)

# Clone repository
git clone https://github.com/yourusername/devopslive.git
cd devopslive/backend

# Create virtual environment
python -m venv venv
source venv/bin/activate


# Setup environment
cp .env.example .env
# Add DATABASE_URL, REDIS_URL, RABBITMQ_URL, GITHUB_TOKEN, etc.

# Run migrations
python manage.py migrate

# Start Django server
python manage.py runserver

# Start Celery worker
celery -A devopslive_backend worker --pool=solo --loglevel=info  

# Start Scheduler
celery -A devopslive_backend beat --loglevel=info

---

Frontend (React + Vite + TypeScript)

cd ../frontend

# Install dependencies
npm install


# Run dev server
npm run dev

---

Usage

Github Sync

1. Connect your GitHub account.
2. Repositories are synced automatically.
3. View commits, issues, and CI/CD pipeline runs in the dashboard.

API Watchdog

1. Add an API endpoint in the dashboard.
2. Define request type (GET, POST, etc.) and any headers/body.
3. The system pings the endpoint at intervals using Celery.
4. Metrics (response time, status, uptime) appear in real time.