mallumo Svelte Themes

Mallumo

Svelte + Chart.js dashboard showing current-year power outage stats for Garsfontein, Pretoria.

Garsfontein Power Outage Dashboard

A simple, read-only dashboard tracking power outages in Garsfontein, Pretoria, South Africa.

Features

  • Current year statistics (total hours, outage count, outage-free days)
  • Duration metrics (average, longest, shortest outages)
  • Frequency tracking (outages per week/month)
  • Monthly trend charts
  • Complete outage history table
  • Mobile-first responsive design

Updating Outage Data

Edit src/data/outages.json and add new outage records:

{
  "id": "outage-2026-003",
  "start": "2026-03-10 12:45",
  "end": "2026-03-10 13:20",
  "notes": "Equipment failure"
}

Date format: YYYY-MM-DD HH:mm (South African Standard Time, UTC+2)

The dashboard automatically recalculates all statistics when the data file changes.

Local Development

# Install dependencies
npm install

# Start dev server
npm run dev

# Build for production
npm run build

# Preview production build
npm run preview

Tech Stack

  • Svelte 5 - UI framework
  • Vite - Build tool
  • TypeScript - Type safety
  • Chart.js - Data visualization
  • Zod - Data validation
  • date-fns - Date calculations
  • Fontaine - Font optimization

License

MIT License - see LICENSE file for details.


Built by candlelight in Pretoria, South Africa.

Top categories

Loading Svelte Themes