IoT Device Dashboard

A React-based single-page application for monitoring IoT devices with real-time temperature and humidity tracking, threshold alerts, and historical data visualization.

Features

• User Authentication
• Real-time Device Monitoring
• Temperature & Humidity Tracking
• Threshold Alerts
• Historical Data Visualization
• CSV Data Export
• Responsive Design

Technology Stack

• React 19
• Vite
• Tailwind CSS
• React Router DOM
• Recharts
• Formik & Yup
• Headless UI

Getting Started

1. Clone the repository
2. Install dependencies:

   npm install

3. Start the development server:

   npm run dev

4. Build for production:

   npm run build

Demo Credentials

• Email: admin@example.com
• Password: password123

Usage

1. Login using the demo credentials
2. Navigate through the dashboard using the top navigation menu:
   • Live Monitor: Real-time device data and status
   • Threshold Settings: Configure temperature and humidity alerts
   • Historical Data: View and export historical device data

Development

• npm run dev - Start development server
• npm run build - Build for production
• npm run preview - Preview production build
• npm run lint - Run ESLint