https://github.com/deaneeth/smart-beehive-dashboard
Real-time web dashboard for visualizing beehive metrics including temperature, humidity, weight, bee activity, and alerts. Built with React and Firebase, designed to work with ESP32-based Smart Beehive IoT monitoring hardware.
https://github.com/deaneeth/smart-beehive-dashboard
agriculture-tech beekeeping data-visualization environmental-monitoring firebase iot iot-dashboard nextjs react real-time-monitoring smart-farming typescript
Last synced: 2 months ago
JSON representation
Real-time web dashboard for visualizing beehive metrics including temperature, humidity, weight, bee activity, and alerts. Built with React and Firebase, designed to work with ESP32-based Smart Beehive IoT monitoring hardware.
- Host: GitHub
- URL: https://github.com/deaneeth/smart-beehive-dashboard
- Owner: deaneeth
- License: mit
- Created: 2025-05-22T19:36:46.000Z (about 1 year ago)
- Default Branch: main
- Last Pushed: 2025-05-24T07:54:08.000Z (about 1 year ago)
- Last Synced: 2025-06-16T03:32:19.721Z (about 1 year ago)
- Topics: agriculture-tech, beekeeping, data-visualization, environmental-monitoring, firebase, iot, iot-dashboard, nextjs, react, real-time-monitoring, smart-farming, typescript
- Language: TypeScript
- Homepage:
- Size: 1.49 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# 🐝 Smart Beehive Management Dashboard
> 🖥️ Real-time web interface for monitoring beehive data collected by the [Smart-Beehive-Monitor](https://github.com/deaneeth/Smart-Beehive-Monitor) for data collection
## ✨ Features
- 📊 **Real-time Data Visualization** - Live updates of all hive metrics
- 📈 **Historical Analysis** - Track trends and patterns over time
- 🐝 **Bee Activity Monitoring** - Entrance/exit activity tracking
- ⚖️ **Weight Monitoring** - Track honey production and hive health
- 🌡️ **Environmental Tracking** - Temperature, humidity, and air quality
- 🚨 **Alert System** - Instant notifications for predator detection
- 🗺️ **GPS Location** - Track hive locations on interactive maps
- 🔋 **Power Monitoring** - Solar panel and battery status
## 🛠️ Technologies Used
- **Frontend**: React, Next.js, TypeScript
- **Database**: Firebase Realtime Database
- **Maps**: Leaflet
- **Charts**: React Gauge Charts, Recharts
- **Styling**: Tailwind CSS
## 🚀 Getting Started
### Prerequisites
- Node.js (v14 or higher)
- npm or yarn
- Firebase account
- [Smart Beehive Hardware](https://github.com/deaneeth/Smart-Beehive-Monitor-System) (optional for demo)
### 📦 Installation
1. **Clone the repository**
```
git clone https://github.com/deaneeth/Smart-Beehive-Monitor-System-Dashboard
cd Smart-Beehive-Monitor-System-Dashboard
```
2. **Install dependencies**
```
npm install
# or
yarn install
```
3. **Configure environment variables**
```
cp .env.example .env.local
```
4. **Update .env.local with your Firebase configuration**
```
NEXT_PUBLIC_FIREBASE_API_KEY=your_api_key
NEXT_PUBLIC_FIREBASE_AUTH_DOMAIN=your_auth_domain
NEXT_PUBLIC_FIREBASE_DATABASE_URL=your_database_url
NEXT_PUBLIC_FIREBASE_PROJECT_ID=your_project_id
```
5. **Run the development server**
```
npm run dev
# or
yarn dev
```
6. **Open http://localhost:3000 🎉**
## 🔗 Integration with IoT Hardware
This dashboard is designed to work seamlessly with the Smart Beehive Monitoring System:
- ESP32-based monitoring system
- Multiple sensor integration (BME680, HX711, TCRT5000, etc.)
- Solar-powered operation
- Real-time data transmission via Firebase
For detailed setup instructions, see [DASHBOARD-PREVIEW.md](https://github.com/deaneeth/Smart-Beehive-Monitor-System-Dashboard/blob/main/DASHBOARD-PREVIEW.md)
## 🤝 Contributing
Contributions are welcome! Please feel free to submit a Pull Request.
## 📄 License
This project is licensed under the MIT License - see the [LICENSE] file for details.
> Made with ❤️ for the beekeeping community