Demo Applications

API, E-Commerce & Real-Time WebSocket Apps

Dragon Radar API

REST API :3001

A dynamic API that simulates the Dragon Radar device, returning real-time positions of the seven Dragon Balls. Positions drift over time to simulate movement, making it ideal for demonstrating API security and performance optimization.

Download OpenAPI Spec

Endpoints

GET /radar/scan Get all 7 Dragon Ball positions
GET /radar/ball/:id Get single ball position (1-7)
GET /radar/distance?lat=X&long=Y Find nearest ball to coordinates
GET /radar/health Health check endpoint

Demo Scenarios

  • OAS Validation: Enforce OpenAPI spec to block undocumented endpoints
  • API Rate Limiting: Configure F5 XC rate limiting policies
  • Global Performance: Show latency improvements with edge deployment
  • API Security: Apply schema validation and threat protection

Capsule Corp Store

E-Commerce :3000

A full-featured e-commerce storefront selling Hoi-Poi Capsules. Includes product catalog, shopping cart, mock authentication, and checkout flow. Server-rendered with EJS templates for a traditional web application architecture.

Pages & Routes

PAGE / Homepage with featured products
PAGE /products Full product catalog (12 items)
PAGE /products/:id Product detail page
PAGE /cart Shopping cart
PAGE /login Authentication page
POST /api/cart Add/update cart items

Demo Credentials

demo / demo Demo User
bulma / capsule123 Bulma Brief
vegeta / prince123 Vegeta
goku / kamehameha Son Goku

Demo Scenarios

  • WAF Protection: Test SQL injection, XSS blocking
  • Bot Protection: Credential stuffing simulation
  • DDoS Mitigation: Simulate launch day traffic spikes
  • PCI Compliance: Protect checkout and payment flows

Gravity Chamber

WebSocket :3003

A real-time training simulation system located at West City HQ (on-premises). Streams gravity chamber state via WebSocket, cycling through training sessions with Vegeta, Goku, Trunks, and Piccolo. Designed to demonstrate private multi-cloud networking - this service should only be accessible via F5 XC private connectivity, not the public internet.

Endpoints

WS /chamber WebSocket - streams chamber state every second
GET /api/health Health check endpoint

State Data

  • chamber.status: idle | active | emergency
  • chamber.gravityLevel: 1-500x multiplier
  • chamber.safetyThreshold: Max safe level for current user
  • session.user: Current trainee (Vegeta, Goku, Trunks, Piccolo)
  • session.duration: Elapsed time in seconds

Demo Scenarios

  • Private MCN: Demonstrate east/west traffic across clouds
  • Hybrid Connectivity: Cloud services reaching on-prem systems
  • RFC1918 Validation: Verify service resolves to private IP only

POV Architecture

THE INTERNET F5 DISTRIBUTED CLOUD Security • Connectivity • Performance WEST CITY HQ On-Premises Data Center Capsule Corp Store :3000 Dragon Radar API :3001 Gravity Viewer :3002 FRIEZA FORCE CLOUD SITE Galactic Region: Earth-North Dragon Radar API :3001 Gravity Chamber :3003 TRAFFIC FLOW: North/South F5 XC Managed East/West (Private MCN)