Angularattack2016 Bjaanes

screenshot of Angularattack2016 Bjaanes
angular

An MQTT Dashboard developed during Angular Attack 2016.

Overview

The MQTT Dashboard is a fascinating tool developed during the Angular Attack 2016 hackathon that allows users to monitor MQTT topics in real time from any location with internet access. Built primarily with Angular 2 and TypeScript, this application showcases the potential of the MQTT protocol, often used in IoT scenarios, enabling seamless real-time data handling from multiple sources.

This intuitive dashboard allows users to connect to different MQTT brokers and topics effortlessly. With the ability to visualize data in real-time, it serves as an excellent solution for anyone looking to monitor various sensors and streams of information dynamically. Whether you are tracking temperature readings, car speeds, or any other type of data, this tool has you covered.

Features

  • Real-time Monitoring: The dashboard allows for live data tracking from various MQTT sources, providing immediate insights into your topics.
  • Multiple Topic Connections: Users can connect to any number of MQTT topics simultaneously, making it versatile for various applications.
  • Websocket Bridge: The app employs an MQTT Websocket bridge enabling connectivity to sources that may not support Websockets natively.
  • Dynamic Data Visualization: With real-time graphs, users can easily interpret the data being published from different sources at a glance.
  • User-friendly Interface: Designed with user experience in mind, navigating through topics and brokers is straightforward and intuitive.
  • Broad Compatibility: It can work with various online brokers and is flexible enough to use with any MQTT setup available to the user.
  • Customizable: Users have the option to choose their MQTT brokers and topics, allowing for tailored setups that cater to specific monitoring needs.
angular
Angular

Angular is a TypeScript-based open-source framework by Google for building dynamic single-page applications and cross-platform mobile apps with MVC architecture and a rich set of features.

typescript
Typescript

TypeScript is a superset of JavaScript, providing optional static typing, classes, interfaces, and other features that help developers write more maintainable and scalable code. TypeScript's static typing system can catch errors at compile-time, making it easier to build and maintain large applications.