feat: add complete frontend with React, Tailwind 4K, and Docker setup

- Vite + React 18 + TypeScript scaffolding
- Tailwind CSS configured for 4K dark theme (24px base)
- Three full-screen rotating views: Network Topology (D3.js),
  Kanban Board (Odoo tasks), Calendar (Odoo events)
- Hooks for data fetching, WebSocket, and view rotation
- Header with live clock and connection status
- Framer Motion fade transitions between views
- Docker Compose with backend (host network for nmap) and
  frontend (nginx proxy to backend API/WS)

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
This commit is contained in:
2026-02-15 09:34:01 +00:00
parent e6f6dbbab6
commit a7967ecb4a
27 changed files with 3913 additions and 0 deletions

28
frontend/src/index.css Normal file
View File

@@ -0,0 +1,28 @@
@import "tailwindcss";
@theme {
--color-bg-primary: #0a0a0f;
--color-bg-secondary: #12121a;
--color-bg-card: #1a1a2e;
--color-border: #2a2a3e;
--color-text-primary: #e4e4e7;
--color-text-secondary: #a1a1aa;
--color-accent: #3b82f6;
--color-success: #22c55e;
--color-danger: #ef4444;
--color-warning: #f59e0b;
}
html {
font-size: 24px;
}
body {
background-color: var(--color-bg-primary);
color: var(--color-text-primary);
font-family: "Inter", system-ui, sans-serif;
margin: 0;
overflow: hidden;
width: 3840px;
height: 2160px;
}