Independent products

FlightFuel

A pilot study-resource website and a reusable document design system for readable, downloadable aviation references.

My role
Developer & Creator
Context
Independent web product · Aviation study resources
Toolkit
Next.js · Tailwind CSS · Supabase · HTML / CSS
My contribution
Resource-catalog development and a reusable layout system for aviation study guides.
Evidence shown
Archived guide drafts show document design, not current flight guidance. A catalog entry does not guarantee an available download.
Opening page of an archived VFR Navigation draft. Shown as a document-design artifact, not as current operational flight guidance.

Study-resource catalog

FlightFuel combines a free pilot study-resource website with downloadable guides. The website context describes a Next.js/Tailwind frontend, Supabase resource metadata and file storage, and Vercel hosting.

The catalog organizes topics by certificate category. Separating title, description, category, and download location lets the website display resources without hard-coding every document into a page.

The May 2026 record lists 20 topic cards and reports four earlier guides uploaded. Those are different counts: a catalog entry does not mean its corresponding PDF has been completed.

  1. Resource metadata
  2. Next.js catalog
  3. Category + topic selection
  4. PDF download
Architecture illustration · Illustrated from the recorded website architecture; current hosting availability is not asserted.

Aviation guide layout

The authoring system moved from an earlier PDF-generation approach to HTML/CSS documents printed through Chrome. Reusable headers, tables, formula blocks, and category accents provide continuity without forcing every subject into the same sequence.

VFR Navigation provides a concrete example of the iteration: route-planning diagrams, navigation logs, pagination, and print layout all needed to work together. The supplied PDF drafts document that process, including revisions to page numbering.

A selected page from the archived VFR Navigation PDF, showing the guide’s modular information design.
The print-layout lesson

Browser-rendered HTML and printed pages have different layout constraints. Early footer counters produced Page 0; later versions used explicit page containers and per-page headers/footers.

A CSS change alone is not proof of a correct export. Checking the rendered PDF reveals pagination, clipping, and diagram readability issues that the source file can hide.

The document is part of the product

FlightFuel connects the discovery experience on the web with the readability of the downloaded artifact. The work shown here is about software and information design; the archived aviation material is not presented as newly reviewed flight guidance or an instructional service.