---

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

1. Clone the Repository:

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

2. Navigate to the Project Directory:

   cd Avendash

3. 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
   

4. 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.

1. Fork the repository
2. Create a new branch (git checkout -b feature-branch)
3. Make your changes
4. Commit your changes (git commit -m 'Add some feature')
5. Push to the branch (git push origin feature-branch)
6. 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.

---