Frontend Modularization

Shared UI Components

Consistent styling and component functionality across all of our projects.

Currently in design and prototype stage, but will be rolled out for all projects eventually.

link

Shared Map Components

Map components using OpenLayers underneath.

Currently in design and prototype stage, but will be rolled out for all projects eventually.

Will likely use PlanetLab's Maps at it's core, with fleshed out higher level components:

• Layer switcher
• Attribute table
• Various layer types

The plan would be to support various cloud optimised geo data formats:

• COG
• flatgeobuf
• GeoParquet
• PMTiles

There is also the possibility of designing this with Svelte, then embedding the compiled plain JS into our React apps (in discussion).

link

QR Codes

Reads and decodes base64 and zlib encoded JSON data within a QRCode in Javascript