Advanced Web IoT

Advanced IoT project using the MQTT protocol with a Laravel 11-based website. This project is part of an advanced Internet of Things (IoT) training program organized by Nusabot.

Illustrations

Explanation of the MQTT protocol, consisting of an MQTT Client publishing, MQTT Broker, and an MQTT Client subscribing.

Technologies Used

• Shiftr Io
• MQTT Protocol
• Wokwi
• Laravel 11

Features

• Real-time Data Storage: Stores real-time data from microcontrollers into an SQL database.
• Device Identification: Captures device serial numbers such as ESP32.
• Sensor Data Handling: Logs and monitors sensor readings.
• Servo Control & LCD Display: Controls a servo motor and displays temperature sensor readings on an LCD.
• Web Monitoring & Control: Allows users to monitor and control components via a web interface.
• Temperature Monitoring: Monitors temperature using the DHT22 sensor.

Demo

Wokwi Simulation

Website Interface

Cloud Shiftr Io

Setup

1. Clone the repository

   git clone https://github.com/your-username/advanced-web-iot.git
   cd advanced-web-iot

2. Install dependencies

   composer install

3. Configure environment variables

   cp .env.example .env
   php artisan key:generate

   • Update database credentials in .env
   • Configure MQTT broker details

4. Run database migrations

   php artisan migrate

5. Start the Laravel server

   php artisan serve

6. Set up the MQTT broker and connect ESP32 devices

Usage

1. Connect an ESP32 device to the MQTT broker.
2. Use the web dashboard to monitor sensor data and control devices.
3. Send MQTT messages to control servo motors and other peripherals.

Project Status

This project is completed and will not be further developed.

Contributions

Contributions are welcome! Feel free to open issues or submit pull requests.

License

This project is licensed under the MIT License. See the LICENSE file for more details.