generated from CubeCraft-Creations/Tracehound
CUB-194: scaffold Vite + React + TypeScript + Tailwind frontend
- Initialize Vite project with React + TypeScript + Tailwind CSS - Dark theme dashboard design (rig-dark palette, rig-accent colors) - Minimal App with RemoteRig header + 'Dashboard coming soon' placeholder - Directory structure: components, hooks, services, types, utils - TypeScript types for Camera, CameraFeed, SystemHealth, StreamConfig - Custom hooks: useCameraStatus, useSystemHealth (with mock data) - API service layer with proxy config for /api → localhost:8080 - eslint, postcss, autoprefixer configured - lucide-react icons integrated (Camera icon) - .env.example, .gitignore, tsconfig basepaths configured - Build + type-check + lint verified clean
This commit is contained in:
+15
@@ -0,0 +1,15 @@
|
||||
<!doctype html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||||
<title>RemoteRig — Camera Monitoring Dashboard</title>
|
||||
<link rel="preconnect" href="https://fonts.googleapis.com" />
|
||||
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
|
||||
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500&display=swap" rel="stylesheet" />
|
||||
</head>
|
||||
<body class="bg-rig-dark-900 text-rig-dark-100">
|
||||
<div id="root"></div>
|
||||
<script type="module" src="/src/main.tsx"></script>
|
||||
</body>
|
||||
</html>
|
||||
Reference in New Issue
Block a user