Tower Command

Tower Command is a fast, interactive ATC simulator that teaches real-world skills and inspires future controllers through radar, aircraft, and weather challenges.

Comment

Tower Command: Inspiring the Next Generation of Air Traffic Controllers

About the Project

As the Digital Editor at Airways Magazine, I’ve spent years immersed in the world of commercial aviation. I manage both the development and content strategy for our website, airwaysmag.com, and my passion for aviation extends far beyond journalism. As an AV geek and industry insider, I’ve closely followed the growing staffing shortages at Air Traffic Control (ATC) towers across the United States and globally. This isn’t just a technical issue—it’s a critical challenge that impacts flight efficiency, passenger safety, and the future of global travel.

I found myself asking: How can I help?
This question led me to create Tower Command: Your Gateway to the Exciting World of Air Traffic Control.

What Inspired Me

The ATC staffing crisis is real. The FAA projects the need for thousands of new air traffic controllers over the next decade, yet few young people know about this career or how to pursue it. I wanted to bridge that gap by building an interactive platform that introduces aspiring controllers to the profession in a fun, realistic, and educational way.

I was inspired by:

  • My love for aviation and airspace operations.
  • The desire to spark interest in an essential, often overlooked career.
  • The potential to create a tool that could serve both aviation enthusiasts and prospective controllers.

How I Built the Project

Tower Command is a web-based interactive simulator built with bolt.new designed to:

  • Provide interactive tutorials that teach the fundamentals of ATC, from basic radio communications to managing complex traffic flows.
  • Simulate real-world scenarios based on Boston Logan International Airport, including weather challenges, emergency situations, and traffic congestion.
  • Offer progressive difficulty levels to simulate the path from ATC trainee to seasoned controller.

The project’s design balances realism, playability, and educational value. It’s built to be engaging, accessible, and scalable.

Tech Stack

Frontend Framework & Language

  • React 18.3.1 – Modern React with hooks and functional components.
  • TypeScript 5.5.3 – Type-safe JavaScript with static typing.
  • JSX/TSX – Component markup syntax.

Build Tools & Development

  • Vite 5.4.2 – Fast build tool and development server.
  • @vitejs/plugin-react 4.3.1 – React plugin for Vite.

Styling & UI

  • Tailwind CSS 3.4.1 – Utility-first CSS framework.
  • PostCSS 8.4.35 – CSS post-processor.
  • Autoprefixer 10.4.18 – Automatic vendor prefixing.
  • Lucide React 0.344.0 – Beautiful icon library.

Code Quality & Linting

  • ESLint 9.9.1 – JavaScript/TypeScript linter.
  • TypeScript ESLint 8.3.0 – TypeScript-specific linting rules.
  • ESLint React Hooks 5.1.0 – React hooks linting.
  • ESLint React Refresh 0.4.11 – React Fast Refresh linting.

Game Engine & Logic

  • HTML5 Canvas – For radar visualization and aircraft rendering.
  • Custom TypeScript game logic – Aircraft movement, collision detection, weather simulation.
  • React state management – Built using useState and useEffect hooks.

Deployment & Hosting

  • Netlify – Static site hosting and deployment.
  • GitHub/Git – Version control.

Key Features Implemented

  • Real-time aircraft simulation
  • Interactive radar display with pan/zoom
  • Multiple game modes: Tutorial, Trainee, Standard, Expert
  • Weather system simulation
  • Performance metrics tracking
  • Audio-visual feedback systems
  • Responsive design for various screen sizes

Challenges I Faced

Building Tower Command came with its own set of challenges:

  • Balancing realism and accessibility to avoid overwhelming beginners while maintaining the authenticity of authentic ATC environments.
  • Modeling complex airport traffic flows in a simplified but educational way.
  • Optimizing performance to ensure smooth, real-time aircraft movement and interactions on various devices.

Through these challenges, I gained invaluable experience in interactive educational design, gamification, and real-time state management within the constraints of the web.

What I Learned

  • There is a real demand for engaging aviation learning tools that can inspire future professionals.
  • User-centered design is crucial when simplifying complex systems like ATC.
  • Educational games can play a pivotal role in career discovery and industry recruitment.

Tower Command is more than a project—it’s a step toward addressing a global aviation challenge by inspiring the next generation of Air Traffic Controllers.

Future Iterations

  • A global leaderboard will be implemented to encourage competition and user retention.
  • I need to collaborate with real ATC controllers to gather feedback and refine the game mechanics, making them easier for novices to understand the basics and gradually improve their skills with more complex tasks. Also, do I need to add feedback sounds?
  • I would like to integrate the game with FAA/IATA/ICAO APIs, as well as Cirium, for real-time data simulation.
  • Implement conversational AI, allowing players to interact with pilots through AI-generated audio that takes real-time aircraft information from the game as context for the interaction.

Built With

Share this project:

Updates