5.54 GB
51,854 files
Updated about 1 month ago
Ctrl+K
| Name | Size | Uploaded | Xet hash |
|---|---|---|---|
| dist | 3 items | ||
| node_modules | 9,912 items | ||
| scripts | 2 items | ||
| src | 30 items | ||
| .DS_Store | 6.15 kB xet | 5de2a1b2 | |
| README.md | 1.07 kB xet | 7ecc49d8 | |
| index.html | 1.01 kB xet | 6d476c37 | |
| package-lock.json | 103 kB xet | 3a7803e1 | |
| package.json | 796 Bytes xet | b0ada660 | |
| postcss.config.js | 80 Bytes xet | 462109d9 | |
| tailwind.config.js | 736 Bytes xet | 2fe0518a | |
| tsconfig.json | 605 Bytes xet | a43411c9 | |
| tsconfig.node.json | 213 Bytes xet | 4ab42fe8 | |
| vite.config.ts | 532 Bytes xet | 9e84639f | |
| yarn.lock | 52.4 kB xet | b17cc063 |
12. React Web Dashboard UI (web-react)
Architecture Overview
The web-react package is the browser dashboard frontend for the AirMouse system built with React, TypeScript, Vite, and Tailwind CSS with neon glassmorphism aesthetic styling.
Design System & Features
1. Visual Styling (index.css & Components)
- Glassmorphism Aesthetic: Vibrant dark-mode color scheme (
#0B0F19background) with blurred glass containers (backdrop-filter: blur(16px)). - Animated Gradients & Micro-Animations: Smooth pulse animations, glowing status rings, and toast notifications.
2. Dashboard Components
Toast.tsx: Neon glassmorphic alert notifications with dynamic progress bar timers.- Device Management Panel: Displays active connected Android devices with one-click Approve/Block controls.
- Server Control Panel: Provides global "Pause Movement / Resume Movement" controls synced bidirectionally with Android devices.
- Real-Time Telemetry: Live charts showing IMU sensor orientation (Pitch, Roll, Yaw) and packet throughput.
- Total size
- 5.54 GB
- Files
- 51,854
- Last updated
- Sep 12
- Pre-warmed CDN
- US EU US EU