Escape Room Lab Terminal System

Role: Solo Developer
Skills: React, TypeScript, AI Integration, Hardware Integration, Sound Design

Overview

An interactive web application designed as an immersive prop for a Halloween-themed escape room. The system simulates a retro sci-fi laboratory computer terminal complete with CRT monitor effects, scan lines, and green phosphor aesthetics—serving as the primary interface between players and the AI character B.R.O.M.

Key Features

AI Chat Terminal: Claude Sonnet 4.5-powered conversational assistant with streaming responses and text-to-speech, allowing players to ask questions and receive contextual hints in character.

Image Recognition: Integrated webcam with OpenAI GPT-4o Vision for analyzing physical objects and verifying puzzle solutions in real-time.

Password Authentication: Multi-level password system that progressively unlocks access to restricted laboratory files and functions.

File Explorer: Simulated file system containing story clues, research documents, and narrative elements for players to discover.

NFC Card Scanner: Physical card reader integration (ACR112U) allowing players to use prop keycards to authenticate as laboratory personnel.

Atmospheric Sound System: Custom synthesized retro sound effects with three selectable mood themes: Normal, Neutral, and Foreboding.

Tech Stack

• Frontend: React 19, TypeScript, Vite, CSS Modules

• AI Services: Anthropic Claude API, OpenAI GPT-4o Vision, ElevenLabs TTS

• Hardware: Webcam, NFC Reader (ACR112U)

• Backend: Node.js WebSocket server for NFC communication