CutCutBoom Cutting machine automation
← Back to Portfolio

Dashboard & Web Interface

Browser-based dashboard for managing jobs, controlling hardware, and monitoring queue status in real-time.

FeaturesUI/UXArchitectureWeb Application

CutCutBoom Dashboard

A lightweight, browser-based interface for operating cutting machines. No installation required—works on any device with a modern browser.

Key Features

Job Management

  • Queue Visualization: See all pending, active, and completed jobs
  • Job Creation: Upload vector files, set speed/pressure, assign to device
  • Real-time Status: Watch job progress with live position updates
  • Job History: Full audit trail of every cut with operator, timestamp, duration

Hardware Control

  • Jog Controls: Arrow keys for fine positioning, speed adjustment slider
  • Simulation Mode: Preview job path without touching hardware
  • Emergency Stop: One-click E-stop button, always visible
  • Device Management: Add/configure multiple machines, per-device defaults

Workflow Integration

  • REST API: Programmatic access for scripting and automation
  • MCP Endpoint: Integration with Claude and other AI assistants
  • CLI Tools: Command-line job submission and monitoring
  • Logging: Detailed JSON logs for every operation

Technical Details

  • Framework: React/TypeScript on frontend, Express.js on backend
  • Communication: WebSocket for real-time updates, REST for stateless ops
  • Cross-platform: Windows, macOS, Linux, Raspberry Pi
  • Browser Support: Chrome, Firefox, Safari, Edge (modern versions)

Why Browser-Based?

  • No vendor lock-in: Works with any cutting machine on any network
  • Multi-device: Run from your phone, tablet, or computer
  • Easy deployment: Single Node.js process, minimal dependencies
  • Future-proof: Browser tech is constantly evolving and secure