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
2026-05-19 07:31:23 -04:00
commit 5793617be3
23 changed files with 4335 additions and 0 deletions
@@ -0,0 +1,40 @@
+/** @type {import('tailwindcss').Config} */
+export default {
+  content: [
+    "./index.html",
+    "./src/**/*.{js,ts,jsx,tsx}",
+  ],
+  darkMode: 'class',
+  theme: {
+    extend: {
+      colors: {
+        // Dark dashboard palette
+        'rig-dark': {
+          50: '#f3f4f6',
+          100: '#e5e7eb',
+          200: '#d1d5db',
+          300: '#9ca3af',
+          400: '#6b7280',
+          500: '#4b5563',
+          600: '#374151',
+          700: '#1f2937',
+          800: '#111827',
+          900: '#030712',
+        },
+        'rig-accent': {
+          DEFAULT: '#22d3ee',
+          light: '#67e8f9',
+          dark: '#06b6d4',
+        },
+        'rig-danger': '#ef4444',
+        'rig-success': '#22c55e',
+        'rig-warning': '#eab308',
+      },
+      fontFamily: {
+        sans: ['Inter', 'system-ui', 'sans-serif'],
+        mono: ['JetBrains Mono', 'Fira Code', 'monospace'],
+      },
+    },
+  },
+  plugins: [],
+}