ABOVE

Flight booking app in Flutter

A flight booking app where every destination is a window. You pick the flight and the seat by the view.

Stack: Flutter 3.47, Riverpod, go_router
Runs on: iOS and Android
Screens: 9, plus launch and splash
Tests: 51 passing, 0 analyzer issues
Code: 90 Dart files, no comments

Photos from Wikimedia Commons under CC0, Earth imagery by NASA

Watch it run

Filmed from the real app, beside its real code.

Shades lift in a ripple and the camera pushes through the O
Each tab opens through a window that grows from the centre
Airport codes flip on split flaps
The plane tilts with the fare curve as you drag
The plane rolls down the runway under your finger and takes off
The ticket unfolds with the sky moving behind its window

Every screen

Fly
Globe
Tokyo
Flights
Seat
Cleared

Read the code

Real ABOVE code, straight from the app.

destination/presentation/fare_curve.dart

class FareCurve {  FareCurve(List<FareDay> fares)    : _prices = [for (final day in fares) day.fare.cents / 100],      _floor = fares[fares.cheapestIndex].fare.cents / 100 - 12;  static const base = 226.0;  static const _left = 28.0;  static const _width = 334.0;  static const _top = 206.0;  static const _rise = 96 / 150;  static const _samples = 10;  final List<double> _prices;  final double _floor;  int get last => _prices.length - 1;

4class FareCurve {5  FareCurve(List<FareDay> fares)6    : _prices = [for (final day in fares) day.fare.cents / 100],7      _floor = fares[fares.cheapestIndex].fare.cents / 100 - 12;89  static const base = 226.0;10  static const _left = 28.0;11  static const _width = 334.0;12  static const _top = 206.0;13  static const _rise = 96 / 150;14  static const _samples = 10;1516  final List<double> _prices;17  final double _floor;1819  int get last => _prices.length - 1;2021  double get _step => _width / last;2223  double x(double day) => _left + day * _step;2425  double _height(int index) => _top - (_prices[index] - _floor) * _rise;2627  double y(double day) {28    final whole = day.floor().clamp(0, last - 1);29    final u = day - whole;30    final p0 = _height((whole - 1).clamp(0, last));31    final p1 = _height(whole);32    final p2 = _height(whole + 1);33    final p3 = _height((whole + 2).clamp(0, last));34    final m1 = (p2 - p0) / 2;35    final m2 = (p3 - p1) / 2;36    final u2 = u * u;37    final u3 = u2 * u;38    return p1 * (2 * u3 - 3 * u2 + 1) +39        m1 * (u3 - 2 * u2 + u) +40        p2 * (-2 * u3 + 3 * u2) +41        m2 * (u3 - u2);42  }

ABOVE

$10.99