SkyQuery

A 100% client-side web application for querying aviation telemetry data from AR.IO gateways using Graphql and DuckDB-WASM. Built with SvelteKit 5 and Tailwind CSS.

Quick Start

Development

# Install dependencies
npm install

# Start dev server
npm run dev

# Open in browser
open http://localhost:5173

Production Build

# Build static site
npm run build

# Preview production build
npm run preview

The build output will be in the build/ directory, ready for deployment.

How It Works

1. User searches for ICAO hex code or callsign
2. GraphQL query fetches transaction IDs from Arweave
3. Parquet files are downloaded and processed with DuckDB-WASM
4. Results are displayed in charts, maps, and formatted cards

Project Structure

├── src/
│   ├── routes/
│   │   ├── +layout.svelte     # Root layout
│   │   ├── +layout.ts         # Static config (prerender + CSR)
│   │   └── +page.svelte       # Main app (search, charts, maps)
│   └── lib/
│       └── components/        # Reusable UI components
├── static/
│   ├── favicon.png
│   └── _headers               # Required headers for static hosts
├── build/                     # Production build output
└── svelte.config.js          # Static adapter config

Development

# Install dependencies
npm install

# Start dev server with hot reload
npm run dev

# Type checking
npm run check

# Format code
npm run format

# Lint code
npm run lint

License

MIT

Credits

• Built with SvelteKit
• Data powered by Derad Network
• Charts by Highcharts
• Maps by Leaflet
• Database by DuckDB-WASM