Web App Overview
The WhookTown web application at app.whook.town is your control center for managing virtual infrastructure cities.
Main Sections
Dashboard
Your home base showing all city layouts, subscription status, and quick actions.
Learn more about the Dashboard
Map Builder
Design and edit city layouts with a visual grid editor. Place buildings, draw roads, and configure properties.
Learn more about the Map Builder
Control Center
Real-time control panel for managing buildings, camera paths, and traffic in your cities.
Learn more about the Control Center
Workflow Editor
Create visual automation workflows that update building states based on sensor inputs and conditions.
Learn more about the Workflow Editor
Settings
Manage API tokens and account settings.
Navigation
The sidebar provides quick access to all sections:
- Dashboard - Home view
- Map Builder - Layout editor
- Control Center - Real-time controls
- Workflow Editor - Automation
- Settings - Account & tokens
Header Bar
The top header shows:
- Connection status - Green dot when connected to WebSocket
- Last update - Timestamp of last data sync
- Launch WhookTown - Opens the 3D scene in a new tab
- Logout - Sign out of your account
Real-Time Updates
The web app maintains a WebSocket connection for real-time updates:
- Building state changes appear instantly
- Scene connections show in Control Center
- Layout changes sync across all connected clients
Keyboard Shortcuts
| Shortcut | Action |
|---|---|
Ctrl/Cmd + S |
Save (in Map Builder) |
Escape |
Close modal dialogs |