a website for a research project

a wordpress site with an included react app and the capability to manage some geo data.

The website is live an can be viewed here

This website is run by wordpress – as always quick an reliable.

Beside that it has the capability to manage geographic data.

That means, adding geo-locations for certain content items and allow editors to collect other geo-tagged content based on content-types and taxonomies.

The frontend is done with leaflet and some jQuery.

Screenshot from an interactive Map
Liaison2020’s interactive maps

A custom gutenberg block allows to compose the geo-data into OSM-maps and get a preview of it in the backend.
Managing state is done via a native redux-store running inside of gutenberg.
A blueprint of this setup (native redux inside of wordpress) you find on github.

Liaison Toolbox. Screenshot, React app using wordpress media library
Liaison Toolbox. Screenshot, React app using wordpress media library

Also included is a little react app getting data from a customized wordpress media library see here

visual design by wernerwerke.