Skip to content

Rabbit-Company/UptimeMonitor-StatusPage

Repository files navigation

UptimeMonitor-StatusPage

A real-time status page frontend for UptimeMonitor-Server. Built with TypeScript and Tailwind CSS.

Status Page

Features

Feature Description
Real-Time Updates WebSocket connection for instant status changes
Interactive Charts Zoom and pan through uptime/latency history
15 Themes Midnight, OLED, Tokyo Night, Dracula, and more
Custom Metrics Display up to 3 custom metrics per monitor
Responsive Design Optimized for desktop, tablet, and mobile
Toast Notifications Live alerts for status changes
Group Support Hierarchical organization with expandable groups

Quick Start

Docker Compose

services:
  status-page:
    image: rabbitcompany/status-page:latest
    container_name: status-page
    restart: unless-stopped
    ports:
      - "8080:80"
    environment:
      # Change to your own backend server and slug
      - BACKEND_URL=https://pulse.rabbit-company.com
      - STATUS_PAGE_SLUG=passky
      - UPTIME_PRECISION=3
      - LATENCY_PRECISION=0
      - DEFAULT_PERIOD=24h
      - DEFAULT_THEME=midnight
    healthcheck:
      test: ["CMD", "curl", "-f", "http://localhost/health"]
      interval: 30s
      timeout: 10s
      retries: 3
sudo docker compose up -d

Static Hosting

Download prebuild version

  1. Prebuild version can be downloaded HERE.
  2. Deploy the dist/ directory
  3. Configure config.js (see Configuration)

Build yourself

  1. Build: bun install && bun run build
  2. Deploy the dist/ directory
  3. Configure config.js (see Configuration)

Configuration

Edit config.js in your deployment:

globalThis.BACKEND_URL = "https://your-uptime-server.com";
globalThis.STATUS_PAGE_SLUG = "status";
globalThis.DEFAULT_THEME = "midnight";

See Configuration Guide for all options.

Documentation

Guide Description
Configuration All configuration options
Themes Available themes and customization
Deployment Docker, Nginx, and static hosting
WebSocket Real-time connection details

Screenshots

Monitor History Modal

Monitor History

Related Projects

Project Description
UptimeMonitor-Server Backend monitoring server
PulseMonitor Automated pulse sending client

📄 License

GPL-3.0