Skip to content
Mar 2026Solo Full Stack Project

AstroPixel

Gigapixel Astronomical & Geospatial Imagery Platform

152 Stars42 Forks2.3K Views

AstroPixel is a FastAPI + React platform for exploring NASA gigapixel imagery with buttery-smooth deep zoom, annotations, and secure user/admin workflows. It ingests GeoTIFF/PSB files, generates tile pyramids with GDAL, and serves them through an optimized viewer.

SPATIAL IMAGERYFULL STACK
ROLESolo Full Stack Developer (Architecture, Pipeline & Frontend)
TIMELINE4 months
TEAM STRUCTURESolo build
YEAR2026
AstroPixel primary interface
Architectural Ownership

What Jayant Potdar Built & Owned

Independently conceptualized, architected, and built the complete product: designed the automated GDAL ingestion pipeline to produce Deep Zoom Image (DZI) tile pyramids, implemented the FastAPI asynchronous tile server, configured PostGIS for spatial metadata indexing, built the OpenSeadragon viewport renderer with persistent vector annotation layers, and packaged the entire platform with Docker Compose.

Key Technical Decisions:

  • Automated GDAL tile pyramid generation cutting browser memory consumption from >2GB to under 45MB.
  • Asynchronous FastAPI backend streaming only visible viewport tiles on-demand with sub-50ms latency.
  • Custom vector annotation system supporting persistent coordinates pinned across continuous zoom levels.
  • Role-based authentication protecting upload and dataset administration endpoints.

Core System Features & Capabilities:

  • ✓Deep zoom functionality for gigapixel imagery (GeoTIFF and PSB).
  • ✓Automated GDAL tile pyramid generation cutting browser memory consumption to <45MB.
  • ✓Persistent vector annotation system pinned across continuous zoom levels.
  • ✓Secure user authentication and role-based administrative workflows.
  • ✓Cloudflare R2 integration for scalable cloud tile storage and fast global CDN delivery.
  • ✓PostgreSQL and PostGIS database for persistent spatial metadata indexing.
the challenge

Astronomical and satellite images span tens of thousands of pixels per side (often 2GB to 8GB uncompressed). Standard browser `<canvas>` or `<img>` elements choke, causing severe memory spikes, dropped frames, and tab crashes.

AstroPixel challenge illustration
AstroPixel alternative view
architectural approach

I built a processing pipeline using GDAL to generate multi-resolution tile pyramids. When a visitor inspects an image, the React frontend uses OpenSeadragon to request only the exact 256×256 px tiles required for the current viewport and zoom level. The FastAPI backend serves cached tiles with aggressive HTTP caching and gzip compression.

AstroPixel technical architecture and implementation
interface gallery & screenshots

Detailed interface walkthrough, diagnostic panels, and feature screenshots for AstroPixel.

AstroPixel screenshot 1
AstroPixel — Screen #01View 1
AstroPixel screenshot 2
AstroPixel — Screen #02View 2
AstroPixel screenshot 3
AstroPixel — Screen #03View 3
the results & metrics

AstroPixel placed 3rd in the university-level Ideation Competition 3.0. It delivers 60fps smooth pan-and-zoom across multi-gigapixel datasets on ordinary laptops with no tab lag, proving that client-side spatial exploration can be accessible and fast.

3rdIDEATION COMPETITION
60 FPSDEEP-ZOOM PANNING
45 MBCLIENT RAM FOOTPRINT
Technical Deep Dive

Handling Gigabyte-Scale Images in the Browser: Tile Pyramids, GDAL, and OpenSeadragon

How AstroPixel renders multi-gigabyte astronomical rasters at 60fps without browser memory crashes.

Read the engineering note (7 min read)
more projects

LET'S TALK

Got a project, a hard engineering problem, or just want to say hi? Send it over. I read every message.

Jayant Potdar

Jayant Potdar

Open to new opportunities — let's build something memorable and interesting.

1

let's make something together

CONTACTdrop a line