Skip to content

🖖 Project Ten-Forward: Engineering Manual

System Role: Master Fleet Dashboard (LCARS Interface) Status: Phase 1 Complete (Scaffolding & Core UI)

🎨 Visual Philosophy

Project Ten-Forward replicates the Library Computer Access and Retrieval System (LCARS) seen on 24th-century starships. It is designed for: 1. OLED Efficiency: True black background (#000000). 2. Okuda Palette: Strategic use of orange, purple, and blue accents. 3. Responsive "PADD" Mode: Vertical stack layout for mobile devices.

🛠️ Maintenance & Updates

1. Adding/Modifying Services

The dashboard is data-driven. You do not need to touch the React code to update your links. * File: code/projects/ten-forward/src/config/fleet_config.yaml * Action: Add a new entry under the desired "Deck". The site will automatically generate the button and description on the next refresh.

2. Configuration Schema

- "Deck Name":
    - "Service Name":
        icon: "mdi-icon-name"
        href: "https://url.com"
        description: "Short readout text"

3. Deployment (The Transporter)

To deploy or update the dashboard on memory-alpha: 1. Navigate to the project folder: cd code/projects/ten-forward 2. Build and start the container: docker compose up -d --build

🚀 Technical Specifications

  • Framework: Next.js 15 (App Router)
  • Styling: Tailwind CSS 4 (LCARS Design System)
  • Language: TypeScript
  • Deployment: Docker / Docker Compose
  • Port: 3000 (Internal)

📡 Subspace Frequencies (Planned)

  • Smart Widgets: Real-time health checks via server-side pings.
  • Plex/Arr-stack API integration: Metadata display directly on tiles.
  • System Telemetry: CPU/RAM gauges for all fleet nodes.