Back to projects
Front-EndIoTData Analytics

Decibel Tracker

Real-time sensor monitoring & stakeholder-facing dashboard

Engineered a real-time data monitoring system that processes sensor inputs into structured analytical outputs and a live stakeholder-facing dashboard.

JavaScriptHTML5CSS3Real-Time AnalyticsDashboard DevelopmentData VisualisationReporting
Live Demo GitHub

Problem

Needed an accessible, browser-based tool to translate raw sensor input into a live, stakeholder-friendly monitoring view.

My role

Front-End / Dashboard Developer — implemented signal capture, real-time data processing, and dashboard UI.

Solution

Used the Web Audio API to sample input, applied frequency analysis and structured transformations, and rendered live charts in an optimised dashboard tuned for clarity and responsiveness.

Challenges

  • ›Accurate real-time signal processing in the browser.
  • ›Smooth rendering under continuous data streams.
  • ›Designing a clean dashboard for non-technical stakeholders.

Key features

  • ›Processed 5,000+ data points per session through real-time monitoring workflows.
  • ›Transformed raw sensor readings into structured outputs for analysis and reporting.
  • ›Improved dashboard clarity and responsiveness by approximately 30%.
  • ›Designed a clean visual interface for performance monitoring and stakeholder review.

Results

  • ›~30% improvement in dashboard responsiveness (project evaluation).
  • ›Structured analytical outputs from raw sensor streams.
  • ›Mobile-friendly stakeholder-ready interface.

5,000+ data points per session

~30% dashboard responsiveness uplift

Stakeholder-ready visual interface