Avendash: Cutting-Edge MQTT Dashboard with ReactJS

Welcome to Avendash, a state-of-the-art MQTT dashboard designed with ReactJS for seamless, real-time monitoring of MQTT topics and messages. Experience unparalleled performance and an intuitive interface that brings your data to life.

🚀 Features

Real-time Data Monitoring: Stay updated with instant data reflection.
Topic Subscription: Easily subscribe to multiple MQTT topics.
Dynamic Visualization: Interactive and dynamic charts and graphs.
Responsive Design: Perfectly optimized for all devices.
User-friendly Interface: Enjoy a clean and intuitive UI.

🛠 Prerequisites

Before you start, ensure you have the following installed:

Node.js
npm

📦 Installation

Clone the Repository:

git clone https://github.com/Araryarch/Avendash

Navigate to the Project Directory:
```
cd Avendash
```

Create an Environment File:

# Replace 'yourGroqApiKey' with your actual Groq API Key
echo "VITE_GROQ_API_KEY=yourGroqApiKey" > .env

If you don't have a Groq API Key, get one from here.

   https://console.groq.com/keys

Install Dependencies:
```
npm install
```

🚀 Usage

For simulation of IoT devices, you can use this Wokwi project:

https://wokwi.com/projects/398586316793952257

Start the development server to see Avendash in action:

npm run dev

🤝 Contributing

We welcome contributions! Whether it's reporting an issue, contributing code, or suggesting features, your input is invaluable.

Fork the repository
Create a new branch (git checkout -b feature-branch)
Make your changes
Commit your changes (git commit -m 'Add some feature')
Push to the branch (git push origin feature-branch)
Open a pull request

📜 License

This project is licensed under the MIT License. Feel free to use and modify the code as per the terms of this license.

Elevate your MQTT monitoring with Avendash – where innovation meets simplicity.