mirror of
https://github.com/espressif/esp-idf.git
synced 2025-11-17 15:59:41 +01:00
45 lines
1.2 KiB
Markdown
45 lines
1.2 KiB
Markdown
|
# Dashboard
|
||
|
|
|
||
|
|
This is a modernized version of the dashboard web interface.
|
||
|
|
|
||
|
|
## Features
|
||
|
|
|
||
|
|
- **Home**: Display ESP system information (IDF version, CPU name)
|
||
|
|
- **Chart**: Real-time temperature data visualization with spark-line chart
|
||
|
|
- **Light**: RGB light control with color sliders
|
||
|
|
|
||
|
|
## Technology Stack
|
||
|
|
|
||
|
|
- **Vue 3**: Modern Vue.js framework with Composition API
|
||
|
|
- **Vuetify 3**: Material Design component library
|
||
|
|
- **Alova**: Modern HTTP client with better performance and features
|
||
|
|
- **Pinia**: State management
|
||
|
|
- **Vite**: Fast build tool and development server
|
||
|
|
|
||
|
|
## Performance Optimizations
|
||
|
|
|
||
|
|
- **Tree-shaking for icons**: Only imports specific MDI icons used in the app (this is important for deploying web pages to embedded devices like ESP32)
|
||
|
|
- **Modern bundle size**: Smaller bundle with Vite and modern dependencies
|
||
|
|
- **Composition API**: Better performance and code organization
|
||
|
|
|
||
|
|
## API Endpoints
|
||
|
|
|
||
|
|
The application expects the following endpoints from ESP32 device:
|
||
|
|
|
||
|
|
- `GET /api/v1/system/info` - System information
|
||
|
|
- `GET /api/v1/temp/raw` - Temperature sensor data
|
||
|
|
- `POST /api/v1/light/brightness` - Set RGB LED colors
|
||
|
|
|
||
|
|
## Development
|
||
|
|
|
||
|
|
```bash
|
||
|
|
# Install dependencies
|
||
|
|
pnpm install
|
||
|
|
|
||
|
|
# Start development server
|
||
|
|
pnpm dev
|
||
|
|
|
||
|
|
# Build for production
|
||
|
|
pnpm build
|
||
|
|
```
|