MQTT Final Project: Smart Home System

This project is a web-based smart home dashboard developed using MQTT protocol. It enables real-time monitoring and control of various IoT devices in a simulated smart home environment.

🌟 Features

📡 Real-time device data transmission via MQTT
📈 Live visualization of temperature, lighting, and device states
🔧 Manual and automatic control modes for smart devices
🧩 Modular design: each device has its own control and display module
🗃️ Data persistence using SQLite for historical analysis

🧱 Project Structure

NewSmartHome/
├── mosquitto_websocket.conf
├── Smart Home User Manual.pdf
├── mqtt-dashboard1/        # Main frontend and backend codebase
│   ├── frontend/           # Vue.js interface for user interaction
│   ├── backend/            # Flask + MQTT server code named BackencodeEnglish.py
│   ├── yoloEnglish.py      # Combine YOLO8
│   ├── Mqtt for python     # Contain code for MQTT function
│   └── database/           # SQLite databases for devices
├── .gitignore              # Ignore unnecessary files (e.g., .DS_Store)
└── README.md               # Project overview and usage guide

🔧 Tech Stack

Frontend: Vue.js + Element UI + Axios
Backend: Python Flask + paho-mqtt
Database: SQLite
Communication: MQTT (using Mosquitto Broker)

🚀 How to Run

1. Start MQTT Broker

Make sure Mosquitto MQTT broker is running locally on port 9001 with WebSocket enabled.

mosquitto -v -c mosquitto_websocket.conf

2. Run Backend

cd mqtt-dashboard1
python BackencodeEnglish.py
python yoloEnglish.py

3. Run Frontend

cd mqtt-dashboard1
npm install -g @vue/cli
npm run serve

4. Access

Open http://localhost:8080 in your browser.

📝 Notes

All MQTT messages are published/subscribed using topics like device/temperature, device/light, etc.
Device states are saved locally in .db files within the database/ folder.
Manual mode changes are persisted across refreshes.

🤝 Team Contributions

Name	Contributions
Tianxin Guan (Leader)	Web Design: Login Page, Register Page, Home Page, Personal Data Page, Real-time Monitoring Page, Air Conditioner Page, Mqtt Dashboard Page MQTT Code: Door Lock, Air Conditioner Data Visualization
Haoxun Li	Web Design: Lighting Controller Page, Device Control Page MQTT Code: Air Conditioner, Lighting Controller Data Visualization
Ruihan Wang	Web Design: Surveillance Camera Page, Home Page MQTT Code: Surveillance Camera, Night Mode Controller Data Visualization
Minzhi Fang	Web Design: Water Heater Page, YOLO Surveillance Camera Page MQTT Code: Water Heater,Surveillance Camera Data Visualization
Shunping Lin	Web Design: Data History Page, Smart Home AI Assistant Page MQTT Code: Water Heater,AI Assistant UI of Data Visualization

👤 Author

guant131
Communication University of China
Course: Activity Led Learning Project – MQTT Smart Home System

📄 License

MIT License

CUH405CMD2425FEBJUL/Class1Team5

About

Resources

Stars

Watchers

Forks

Releases

Languages