IYOTI - MQTT Online Client

Simple MQTT Online Client built in React + TypeScript + Tailwind CSS

Screenshot 🖼

Demo 🎬

http://mqttclient.iyoti.id

Features ✨

• Multiple subscription
• Pause and resume subscription
• Auto reconnect
• Auto format / highlight JSON
• Auto scroll
• Included connection configuration of Free Public MQTT Broker from IYOTI.ID

Tech Stack 🛠

• React
• TypeScript
• Tailwind CSS
• Headless UI
• React Hot Toast
• Redux Toolkit
• Redux Persist
• MQTT.js (Precompiled)
• Formik
• Monaco Editor
• React Syntax Highlighter
• Zod

Installation 💻

Here are the steps to run the project locally.

1. Clone the repository

   git clone https://github.com/alhamda/IYOTI-MQTT-Online-Client.git

2. Go to project directory, and install dependencies

   yarn install 

3. Run the project

   yarn dev

4. If you want to build the project

   yarn build

Notes 📜

Thank you for visiting my repository.

I just started learning react and typescript about 3 months ago, so sorry if there's too much bad and weird code.

You can add features or develop it even better, or if you want to submit a pull request, I'm happy to accept it.

so, have fun and keep coding! 🤣🤣🤣