Globe
Ontario, Canada
Downtown Toronto

Full-Stack Interactive Dashboard

Interactive Single-Pane-Of-Glass dashboard, developed from scratch, for overview of home & systems at a glance.

Back-End Logic & Comms.

Node.js • Python Services • EMQX • HASS • APIs • Grafana

Languages Used

Python • Javascript • HTML • CSS

Hosting & Connectors

Kubernetes • Traefik

Storage Stack

InfluxDB • MySQL • NFS-Ganesha • Longhorn
Kiosk

Highlights

This project is a custom single-pane dashboard for real-time home monitoring, built to stay fast, clear, and easy to use at a glance. It uses a hands-free Leap Motion interface, which makes it practical in the kitchen or anywhere touchscreens fall short. Data updates over MQTT, with a backend built on Node.js, Python, EMQX, and Home Assistant, all running on a Kubernetes stack with Traefik. Storage comes from InfluxDB, MySQL, Longhorn, and NFS-Ganesha. All visual assets were created by hand or generated locally, giving the interface a cohesive, crafted look.

  • Interactive single-pane dashboard with real-time updates
  • Hands-free control via Leap Motion
  • Custom Photoshop-built meshes and locally generated art
  • MQTT-driven backend with Node.js, Python, EMQX, HASS
  • Kubernetes + Traefik hosting stack
  • InfluxDB, MySQL, Longhorn, NFS-Ganesha storage layer
  • Zoomed Homelab

    This project began as a way to simplify the daily chaos of managing a modern, sensor-filled home. Instead of juggling apps, dashboards, and half-buried system menus, the goal was to build a single place where everything comes together in a clear, calm view. What started as a personal itch to streamline home data turned into a full interactive dashboard that feels more like a control room than a utility screen. It focuses on clarity, speed, and the small touches that make monitoring a home feel surprisingly enjoyable.

    The backend pulls together Node.js, Python services, Home Assistant, EMQX, and a handful of APIs to gather and shape data into something clean and real time. Everything moves over MQTT and lands in InfluxDB and MySQL before reaching the dashboard through Kubernetes services routed by Traefik. Storage comes from Longhorn and NFS-Ganesha, which keep things steady even when the wider system is busy.

    All visuals are original. The meshes for lighting, temperature, humidity, exterior light levels, curtain states, and device states were built in Photoshop manually to match the environment, giving the dashboard its own personality instead of a stock UI feel. Live MQTT updates keep every panel shifting and breathing. Interaction happens through a Leap Motion controller, which makes it completely usable even when hands are wet, messy, or mid-recipe.

    The whole system blends engineering, design, art, and a bit of playful experimentation. The result is a responsive home command center that feels personal and fun to use.

    For this dashboard, my goal was to build a unified, hands-free command center that merges real-time home monitoring with creative, custom visuals. I combined backend services, MQTT-driven data, and Kubernetes orchestration with original artwork and Leap Motion interaction to create a system that is both functional and playful. The result is a personal control hub that is reliable, immersive, and built to evolve with the home of the future where every sensor, device, and automation is just a glance or gesture away.