There is no framework. The frontend is 100% vanilla.
This demonstrates that modern, polished UIs don't require heavy frameworks. The animated gradient background, floating particles, glassmorphism cards, and real-time gauge are all pure CSS/JS. Most "AI built this" demos ship a React app with numerous npm packages because that's what their training data looks like. This argues the opposite: AI can help you build less, not more, finding the minimal solution rather than the conventional one.
Comprehensive Technology Stack
Python 3.11 - Backend services and data processing
JavaScript (ES6+) - Vanilla JS, no frameworks - lightweight and fast
HTML5 - Semantic markup with Schema.org structured data
CSS3 - Modern styling with Grid, Flexbox, animations
Flux - InfluxDB time-series query language
XML - Eagle-200 smart meter data format
Custom SVG Gauge - Hand-coded with trigonometric arc path calculations
CSS3 Animations - Keyframe animations (gradient, float, pulse, fadeIn)
CSS3 Transforms - translateY, scale, rotate with GPU acceleration
CSS3 Filters - drop-shadow, blur, backdrop-filter for glass effects
Linear Gradients - Background animations and text gradients
Grafana 11.4.0 - Embedded dashboards via iframe
Grafana Plugins - briangann-gauge-panel, volkovlabs-echarts-panel
Adaptive Resolution - Flux aggregateWindow() decimates data to match screen width
Flask 3.0.0 - Lightweight Python web framework
Flask-CORS - Cross-origin resource sharing
Werkzeug 3.0.1 - WSGI toolkit
influxdb-client - Time-series database integration
Nginx Alpine - High-performance reverse proxy with rate limiting
InfluxDB 2.7 - Purpose-built time-series database
Flux Queries - Functional data scripting language
5-Year Retention - 43,800 hours of historical data
Persistent Volumes - Durable storage on Fly.io
Fly.io - Global edge computing platform
Docker - Containerized microservices (Alpine-based for minimal footprint)
Private Mesh Network - Secure internal service communication (*.internal)
Auto-scaling - Automatic instance management with health checks
Cloudflare - Global anycast network with 300+ PoPs
DDoS Protection - Layer 3/4/7 attack mitigation
Brotli Compression - Modern compression at the edge
HTTP/2 + HTTP/3 (QUIC) - Multiplexed, UDP-based transport
TLS 1.3 with 0-RTT - Fast, secure connections
Early Hints (103) - Preload resources before HTML arrives
Rocket Loader - Async JavaScript optimization
Universal SSL - Wildcard certificate for all subdomains
GitHub Actions - Automated workflows
Change Detection - Smart deployments via dorny/paths-filter
Auto-Rollback - Version capture and recovery on failure
Slack Integration - Native GitHub notifications
Playwright - E2E browser automation
axe-core - WCAG accessibility auditing
TypeScript - Type-safe test scripts
Visual Regression - Screenshot comparison testing
Semgrep - OWASP Top 10 + Flask/Python/JS scanning
Trivy - Docker image vulnerability scanning
Gitleaks - Secrets detection in code
Rate Limiting - Nginx zones (30r/s general, 10r/s API, 5r/s sensitive)
CSP Headers - Content Security Policy with specific directives
HSTS - HTTP Strict Transport Security
CORS Whitelist - Origin-specific cross-origin policies
Eagle-200 - Rainforest smart meter bridge
Zigbee SEP - Smart Energy Profile protocol
BC Hydro Rates - Tiered pricing calculations
~9 Second Updates - Near real-time power monitoring
Web App Manifest - Installable on mobile/desktop
Responsive Icons - 192px, 512px, maskable variants
Theme Color - Native app feel
Project Economics
Fly.io Hosting - 5 VMs (shared CPU, 256-512MB RAM)
Persistent Storage - 2GB for InfluxDB and Grafana data
Domain - ~$1/month (amortized annual cost)
No React, Vue, Angular - Avoided complexity debt and bundle bloat
No CSS frameworks - No Tailwind/Bootstrap overhead
No build tooling - Zero Webpack/Vite configuration
No npm dependencies - Zero supply chain risk
InfluxDB - Self-hosted open source (vs $50-200/mo for cloud)
Grafana - Self-hosted open source (vs $100-500/mo for Datadog)
GitHub Actions - Free tier for public repositories
Docker - Open source containerization
Automated deployments - No CircleCI/GitLab fees ($15-50/mo saved)
Semgrep - Open source SAST (vs $30-100/mo for Snyk)
Trivy - Open source container scanning
Gitleaks - Open source secrets detection
Cloudflare Free Tier - CDN, DDoS protection, HTTP/3, compression
SSL/TLS Certificates - Universal SSL via Cloudflare + Let's Encrypt via Fly.io
Rate Limiting - Nginx built-in zones
Health Monitoring - Fly.io built-in checks
Typical SaaS stack for equivalent functionality - $300-1,000/month
This project - ~$15/month
Monthly savings - 95-98% cost reduction