xile.us
← flying

Mission Data Card

HTMLJavaScriptOffline

A single-file, offline mission data card for C-17 pilots — open it on an iPad or in a browser, fill in the pre-flight card, and everything you type saves locally on the device. No network, no accounts, no servers.

What it does

A digital replacement for the paper mission data card used in C-17 instrument-proficiency requal training. Open the file on an iPad or in any browser and it works immediately — six task-organized tabs (Brief, Air Refueling, Low Level, Tactical, General Knowledge, Scenario) with editable checklists for every mission phase and quick-reference tables embedded where you’d reach for them.

The card does the time math for you: type the takeoff time and the Sequence of Events auto-populates Alert, Show, Stations, and Land times in Zulu and local. Selecting a low-level route (e.g., IR-154) dynamically swaps entry/exit points, LZ TOTs, and the route diagram. Mission data can be exported/imported as JSON for backup or crew coordination, and printing suppresses the toolbar and adds per-tab headers for clean paper output.

How it’s built

One self-contained HTML document — CSS and JavaScript embedded, no dependencies, no build, no server. Every input event writes to localStorage, so closing and reopening restores the card exactly, with guards that keep template defaults from overwriting a pilot’s edits during initialization. A strict Content Security Policy (default-src 'none') blocks all external loading and transmission: it runs from a thumb drive, fully offline, by design.

Keeping a single file honest

The trap with “just one HTML file” is silent regressions, so the project carries a Playwright suite with 211 automated checks. The other technique worth noting is defaults versioning — canonical mission data ships with a version number, so updates can refresh the template fields without touching what the pilot typed.

// more flying apps

DEAD Planning screenshot Featured

DEAD Planning

JavaScriptNodeZero-dep

One-stop mission planning for air-mobility / C-17 sorties — weather, NOTAMs, hazards, oceanic routing, and wind/pattern analysis that picks the active runway, computes head/cross/tailwind components, and cross-references NOTAM runway closures against the wind-optimal runway.

DEAD's Dashboard screenshot

DEAD's Dashboard

Next.jsReactMySQLTailwind

A single-user air-mobility / crisis-planning dashboard that fuses national-security news, email, calendar, open-source intelligence, and a live crisis map into one operational picture. Built with Next.js 15 and managed MySQL.

// share X Reddit