My brand

Resume

Masih chatraei

I'm passionate about building intelligent systems that bring comfort, efficiency, and smart control to daily life. With hands-on experience in IoT devices, AI integration, and educational content creation, I specialize in developing smart home solutions that bridge the physical and digital worlds.

IOT MQTT Web Dashboards

Introduction

Hello friends 👋 Over the past months, I’ve been experimenting with building simple yet practical dashboards for IoT projects. My goal was to make it easier for people to test and run their IoT devices without getting stuck in the complexities of web application development.

To achieve this, I designed a set of dashboards that connect to IoT devices using the MQTT protocol, one of the most widely used standards in IoT communication. All the source code and technical details are available in my GitHub repository, so you can freely explore, use, and even modify them for your own projects:

👉 GitHub Repository: IoT MQTT Web Dashboards

Dashboards Overview

🔌 Remote LED Control Dashboard

This dashboard allows you to remotely control the built-in LED on an ESP32 board.

  • Use case: Quickly test MQTT communication and GPIO control.
  • Benefit: No need for complex setup—just connect, publish ON/OFF messages, and watch the LED respond.
  • Dashboard link : Click
  • Video demo on LinkedIn: Watch here
  • GitHub code: ESP32 LED Control Dashboard

🌡️ DHT11 Sensor Monitoring Dashboard

This dashboard connects to a DHT11 temperature and humidity sensor and displays the data in two real time charts.

  • Use case: Monitor environmental conditions live and visualize sensor data.
  • Benefit: Perfect for testing sensor integration and learning how MQTT streams data.
  • Dashboard link : Click
  • Video demo on LinkedIn: Watch here
  • GitHub code: Monitoring

🔊 Sound Trigger Alert Dashboard

This dashboard can display sudden sounds such as breaking glass or a baby crying, which are detected by the microphone sensor, as notifications to the user.

  • Use case: Online monitoring and alert system for security and surveillance projects.
  • Benefit: You can use this dashboard to test various security sensors.
  • Dashboard link : Click
  • Video demo on LinkedIn: Watch here
  • GitHub code: Sound Trigger Dashboard

Applications & Benefits

These dashboards are designed to help:

  • Students & learners → Understand MQTT and IoT basics with hands-on examples.
  • Developers → Rapidly test IoT devices without building full web apps.
  • Educators → Use dashboards in workshops or classrooms to demonstrate IoT concepts.
  • Makers & hobbyists → Quickly prototype and visualize IoT projects.

By keeping the dashboards simple and modular, they can serve as a foundation for more advanced projects—such as adding authentication layers, cloud integration, or extended visualization features.

Conclusion

The IoT MQTT Web Dashboards project is all about making IoT testing and learning more accessible. Whether you’re controlling an LED, monitoring sensor data, or combining both, these dashboards give you a quick way to get started.

I’d love to hear your feedback and ideas for improvement. Feel free to explore the GitHub repo, try out the dashboards, and connect with me on LinkedIn to see the video demos in action.