🖥️ Real-time web interface for monitoring beehive data collected by the Smart-Beehive-Monitor for data collection
- 📊 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
- Frontend: React, Next.js, TypeScript
- Database: Firebase Realtime Database
- Maps: Leaflet
- Charts: React Gauge Charts, Recharts
- Styling: Tailwind CSS
- Node.js (v14 or higher)
- npm or yarn
- Firebase account
- Smart Beehive Hardware (optional for demo)
- Clone the repository
git clone https://github.com/deaneeth/Smart-Beehive-Monitor-System-Dashboard
cd Smart-Beehive-Monitor-System-Dashboard
- Install dependencies
npm install
# or
yarn install
- Configure environment variables
cp .env.example .env.local
- 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
- Run the development server
npm run dev
# or
yarn dev
- Open http://localhost:3000 🎉
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
Contributions are welcome! Please feel free to submit a Pull Request.
This project is licensed under the MIT License - see the [LICENSE] file for details.
Made with ❤️ for the beekeeping community
