3eed32076b
chore: consolidate to single Docker container
...
Replace two-container setup (separate backend + nginx frontend) with a
single image that runs both via supervisord:
- New Dockerfile: Node stage builds React, Python+nginx stage is the runtime
- supervisord.conf: manages uvicorn (api_server.py) + nginx as sibling procs
- nginx.conf: proxy_pass updated to localhost:8000 (same container)
- docker-compose.yml: simplified to one service on port 80
Deploy:
docker-compose up -d # or
docker build -t flight-radar . && docker run -p 80:80 flight-radar
Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com >
2026-02-27 15:30:49 +01:00
81dd5735ea
feat: add weekday abbreviation to flight results table
...
Each date row now shows e.g. "WED 2026-04-01" — the 3-letter weekday
prefix is rendered in muted monospace before the date string.
Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com >
2026-02-27 15:24:55 +01:00
71db3cc305
feat: implement Phase 7 — Logs page redesign
...
- Auto-refresh toggle (RefreshCw icon, animates when active, polls every 5s)
- Horizontal filter bar: level select (140px) + search input + Clear button
- Clear button only rendered when level or search is active
- Level badges: INFO=blue, WARNING=amber, ERROR=red, CRITICAL=dark red, DEBUG=grey
- Row background tints: ERROR=#FFF5F5, WARNING=#FFFBF0, CRITICAL=#FFF0F0
- Message text in font-mono, metadata line with · separators
- Right-aligned timestamp: time on first line, date below
- Skeleton loading (8× SkeletonTableRow) while fetching
Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com >
2026-02-27 15:04:29 +01:00
9693fa8031
feat: implement Phase 6 — Airports page redesign
...
- Search icon visually inside input (pl-11 + absolute positioned icon)
- No search button; debounced search on keystroke, Enter to force-search
- Desktop: data table with IATA mono chip, Copy button → Check + "Copied!" for 2s
- Mobile: compact list view (md:hidden / hidden md:block responsive split)
- Initial EmptyState (Search icon) and no-results EmptyState (MapPin icon)
Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com >
2026-02-27 15:02:15 +01:00
d87bbe5148
feat: implement Phase 5 — Scan Details redesign
...
- Breadcrumb: ← Dashboard / Scan #N with ArrowLeft icon
- Header card: PlaneTakeoff icon + route, StatusChip, metadata row
(Calendar, Users, Armchair icons), created-at timestamp
- StatCards for Total Routes / Routes Scanned / Flights Found
- Progress card with Loader2 spinner + % bar (running/pending only)
- Routes table: sort indicators, IATA chips (font-mono + primary-container),
ChevronRight rotates 90° on expand, min price green / avg+max muted
- Animated expand: max-height 0→600px CSS transition (no snap)
- Sub-table light green background (#F8FDF9) with nested indent
- EmptyState for completed 0 routes and failed scans
Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com >
2026-02-27 15:00:30 +01:00
45aa2d9aae
feat: implement Phase 4 — Create Scan form redesign
...
- Three card sections: Origin, Destination, Parameters
- SegmentedButton replaces plain toggle buttons (Globe / PlaneTakeoff icons)
- AirportSearch updated to design tokens; hasError prop for red border state
- AirportChip tags for airports mode
- +/− stepper buttons for Search Window and Passengers (no spin arrows)
- Inline field-level validation errors (replaces browser native popups)
- Toast on success / error; useNavigate replaces window.location.href
Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com >
2026-02-27 14:57:21 +01:00
1021664253
feat: implement Phase 2 (component library) + Phase 3 (dashboard)
...
Phase 2 - New shared components:
- Button: filled/outlined/text/icon variants, loading state
- StatusChip: colored badge with icon per status (completed/running/pending/failed)
- StatCard: icon circle with tinted bg, big number display
- EmptyState: centered icon, title, description, optional action
- SkeletonCard: shimmer loading placeholders (stat, list item, table row)
- SegmentedButton: active shows Check icon, secondary-container colors
- AirportChip: PlaneTakeoff icon, error hover on remove
- Toast: updated to Lucide icons + design token colors
Phase 3 - Dashboard redesign:
- 5 stat cards with skeleton loading
- Status chip separated from destination text (fixes "BDS→DUScompleted" bug)
- Hover lift effect on scan cards
- Relative timestamps (Just now, Xm ago, Today, Yesterday, N days ago)
- EmptyState when no scans exist
Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com >
2026-02-27 14:53:16 +01:00
7417d56578
Phase 1: Design system foundation — tokens, fonts, sidebar layout
...
- index.css: @import "tailwindcss" + @theme block with full colour
palette, shadows, radii, typography tokens, skeleton animation
- index.html: Google Sans + Roboto Mono fonts, title → Flight Radar
- src/lib/utils.ts: cn() helper (clsx + tailwind-merge)
- Layout.tsx: 256px fixed sidebar on desktop (active pill nav, logo,
Developer section divider), sticky top bar with page title + New Scan
CTA (hidden on /scans), bottom nav bar on mobile with pill indicator
- package.json/lock: add lucide-react, clsx, tailwind-merge
- .gitignore: unblock frontend/package*.json and frontend/src/lib/
Build: 0 TypeScript errors · 0 console errors · all 6 criteria pass
Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com >
2026-02-27 14:44:44 +01:00
5d08d9353d
Add PRD for design system implementation
...
7-phase implementation plan: foundation tokens → shared components →
all 5 pages. Defines acceptance criteria per phase, exact file list
(17 files changed, 7 new components), dependency notes (lucide-react,
clsx, tailwind-merge), and explicit non-goals. No implementation yet.
Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com >
2026-02-26 17:30:08 +01:00
b0a93bf824
Add comprehensive Material Design 3 design system document
...
Covers: color tokens, typography scale, spacing grid, 13 components
(nav sidebar/bottom, buttons, status chips, stat cards, data table,
forms, segmented toggle, toasts, empty states, skeletons, progress),
page-by-page specs for all 5 views, motion guidelines, Lucide icon
catalogue, and Tailwind v4 implementation checklist.
Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com >
2026-02-26 17:23:55 +01:00
3da6ce2b22
Add workflow rule: commit and push after every successful test run
...
Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com >
2026-02-26 17:16:28 +01:00
6421f83ca7
Add flight comparator web app with full scan pipeline
...
Full-stack flight price scanner built on fast-flights v3 (SOCS cookie bypass):
Backend (FastAPI + SQLite):
- REST API with rate limiting, Pydantic v2 validation, paginated responses
- Scan pipeline: resolves airports, queries every day in the window, saves
individual flights + aggregate route stats to SQLite
- Background async scan processor with real-time progress tracking
- Airport search endpoint backed by OpenFlights dataset
- Daily scan window (all dates, not monthly samples)
Frontend (React 19 + TypeScript + Tailwind CSS v4):
- Dashboard with live scan status and recent scans
- Create scan form: country mode or specific airports (searchable dropdown)
- Scan detail page with expandable route rows showing individual flights
(date, airline, departure, arrival, price) loaded on demand
- AirportSearch component with debounced live search and multi-select
Database:
- scans → routes → flights schema with FK cascade and auto-update triggers
- Migrations for schema evolution (relaxed country constraint)
Tests:
- 74 tests: unit + integration, isolated per-test SQLite DB
- Confirmed flight fixtures in tests/confirmed_flights.json (50 real flights,
BDS→FMM Ryanair + BDS→DUS Eurowings, scraped Feb 2026)
- Integration tests parametrized from confirmed routes
Docker:
- Multi-stage builds, Compose orchestration, Nginx reverse proxy
Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com >
2026-02-26 17:11:51 +01:00
