Zum Inhalt springen

Der Baukasten für lokale Vernetzung

Werkzeuge für Communities, die sich dezentral organisieren, verwurzelt in echten Begegnungen.

Loslegen

Vier Wege ins Handbuch, je nachdem, was du vorhast.

Ganzes Handbuch →
Aufbau

Vier Schichten

Eine App setzt sich aus Modulen des Toolkits zusammen. Die Module lesen über das Data Interface und schreiben über die Fähigkeiten, die der Connector anbietet. Ein Connector verbindet es mit einer Datenquelle: Web of Trust, Supabase oder einer eigenen.

Apps, Module und Connectoren lassen sich austauschen, solange sie sich an das Data Interface halten: Es ist der feste Vertrag in der Mitte. Die Abschnitte darunter gehen sie von oben nach unten durch.

Toolkit

Module, die zusammenpassen

Karte, Kalender, Kanban und Feed sind eigenständige React-Komponenten in TypeScript. Jede läuft für sich, zusammen ergeben sie eine App. Die Referenz-App setzt sie zusammen, deine App kann es genauso.

Wer nicht programmieren will, betreibt die fertige White-Label-App und stellt Module, Farben und Inhalte in der Konfiguration ein.

Data Interface

Eine Schnittstelle für alle Module

Alle Module sprechen dieselbe Sprache. Was sie lesen und schreiben, sind Items in Spaces, mit Beziehungen zueinander und zu Menschen; ein Termin, ein Ort, eine Aufgabe, ein Profil unterscheiden sich nur in ihren Feldern. Deshalb kann dasselbe Nachbarschaftsfest im Kalender und auf der Karte stehen, ohne zweimal zu existieren.

Ändert sich ein Item, folgt jede Fläche, die es zeigt. Und was das Backend darunter kann, entscheidet, was die Oberfläche anbietet: Ein Connector, der nicht schreiben kann, bekommt keine Schreibknöpfe, aber eine App, die trotzdem läuft.

Items & RelationsEin Objekt, viele Ansichten
Spaces & MitgliederWer sieht was, wer gehört dazu
FähigkeitenWas ein Connector kann, prüft die Fläche
Connectoren

Zwei Connectoren, ein Vertrag

Unter der Schnittstelle liegt der Connector. Er entscheidet, wo die Daten leben; die Oberfläche merkt den Wechsel nicht. Zwei gibt es fertig, jeder ein npm-Paket.

Ein eigener Connector implementiert dasselbe Interface gegen eine andere Quelle, mit genau den Fähigkeiten, die die Quelle hergibt. Was er nicht kann, blendet die Oberfläche aus.

Sieh es dir in Aktion an

Die Demo zeigt die Referenz-App mit allen Modulen. Das Handbuch führt dich zur eigenen Instanz oder App.