Orbital Edge Imaging
A proof-of-concept web app for a fictional startup: search a satellite imagery API by drawing an Area of Interest.
ReactTypeScriptNext.jsLeafletTurfAPI
24 Aug 2023
Abstract
Orbital Edge Imaging is a proof-of-concept for a fictional satellite startup. Users draw an Area of Interest on a map and search the company’s API against it.
Features
- Upload a GeoJSON file or draw an Area of Interest on the map
- Get a list of satellite flyovers by date, cloud cover, and image cover
- Get specific layers of the map (TRUE_COLOR, NDVI, VEGETATION, etc.)
- Download the image in different formats (jpg, png, tiff) and sizes
Technologies
- React with TypeScript
- Next.js (server-side rendering)
- Valtio (state management)
- Leaflet (map library) with React-Leaflet and React-Leaflet-Draw
- Turf.js (geospatial analysis)
- Cypress (end-to-end testing)
GIFs
