mqtt-react

I created this based on the React Sample by EMQX that uses the AntD Design system. You can use this to test MQTT connection and communication in a web environment.

Demo

https://jinyoung4478.github.io/mqtt-react/

Installation and Setup

1. Clone the repository: git clone https://github.com/jinyoung4478/mqtt-react
2. Install dependencies: yarn
3. Start the development server: yarn dev

Features

• User authentication and registration
• Real-time data streaming with EMQX
• Interactive data visualization

Folder Structure

The project structure is organized as follows:

├── src
│ ├── components
│ │   └── Hook
│ ├── App.jsx
│ └── main.jsx
└── public

Tech Stack

This project utilizes the following technologies:

• React
• MQTT over WebSocket
• Ant Design
• gh-pages