Tech Stack

Technologies powering Flight Chop's turbulence tracking platform

FlightChop is built with modern, production-grade technologies that prioritize performance, reliability, and developer experience. Our tech stack combines the best tools in the React ecosystem with powerful backend services to deliver real-time aviation weather data.

Aviation Data Sources

NOAA Aviation Weather Center

Official source for METARs, TAFs, PIREPs, SIGMETs, G-AIRMETs, and Center Weather Advisories

adsb.lol

Community-run ADS-B network providing the live aircraft positions and altitudes behind flight tracking on route analysis (open data, ODbL)

adsbdb

Open flight-route database that resolves a flight number to its airline and origin/destination airports

OpenWeather

Precipitation radar imagery overlaid on the interactive map

Backend & Database

Supabase

Open source backend platform with PostgreSQL database, authentication, and real-time subscriptions

Deployment & Hosting

Netlify

Platform for modern web projects with continuous deployment

Development Tools

ESLint

Pluggable linting utility for JavaScript and TypeScript

Prettier

Opinionated code formatter

Frontend Framework

Next.js

React framework for production-grade applications with server-side rendering

React

JavaScript library for building user interfaces

Language

TypeScript

Typed superset of JavaScript for enhanced developer experience

Mapping & Visualization

Mapbox GL JS

JavaScript library for interactive, customizable vector maps

React Map GL

React wrapper for Mapbox GL JS

deck.gl

GPU-powered visualization framework rendering our 3D turbulence hazard map

Recharts

Composable charting library built on React components

Package Management

pnpm

Fast, disk space efficient package manager

Progressive Web App

Serwist

Service worker toolkit that makes Flight Chop installable and available offline

State Management

TanStack Query

Powerful data synchronization for React with caching and background updates

Zustand

Small, fast and scalable state management solution

Styling & UI

Tailwind CSS

Utility-first CSS framework for rapid UI development

Lucide Icons

Beautiful & consistent icon toolkit

Testing

Vitest

Blazing fast unit testing framework

React Testing Library

Simple and complete testing utilities for React

Playwright

Framework for Web Testing and Automation

Architecture Overview

Frontend

Built with Next.js using the App Router for optimal performance and SEO. React Server Components minimize client-side JavaScript while TypeScript ensures type safety throughout the codebase. Serwist turns the site into an installable Progressive Web App with offline support.

Styling

Tailwind CSS provides utility-first styling with a custom design system of shadcn/ui-style components for accessible, consistent design patterns in light and dark mode.

Backend & Database

Supabase provides a complete backend solution with PostgreSQL database, real-time subscriptions, authentication, and edge functions that ingest aviation weather data from the NOAA Aviation Weather Center.

Data Sources

Weather data originates from the NOAA Aviation Weather Center, ingested on a schedule into Supabase. Live flight tracking on route analysis is powered by adsb.lol, a community-run ADS-B network whose open data (ODbL) supplies real-time aircraft positions and altitudes, with adsbdb resolving flight numbers to their routes. Both are accessed through server-side proxies that cache responses and keep the turbulence assessment independent of their availability. OpenWeather supplies the precipitation radar overlay.

Mapping

Mapbox GL JS powers our interactive aviation maps with custom layers for PIREPs, SIGMETs, and other weather data, with React Map GL providing seamless React integration. deck.gl renders the GPU-accelerated 3D view of turbulence hazards, and OpenWeather supplies the precipitation radar overlay.

State Management

TanStack Query handles server state with intelligent caching and background refetching. Zustand manages client state with a simple, performant store that persists user preferences.

Deployment

Hosted on Netlify with automatic deployments from Git. The platform provides global CDN distribution, security headers, and optimized static asset caching for fast worldwide delivery.

View Changelog →