>_ DevTrendsde

Sprache

Start

Sprachen

Bereiche

Frontend Backend Mobile DevOps AI / ML GameDev Blockchain Embedded Sicherheit
TypeScript

Wie man Chaos aus Repositories und Notizen auf einer einzigen unendlichen Leinwand zusammenführt

Vertrauter Anblick: Man öffnet morgens den Browser und dreißig Tabs warten. Einer enthält eine Aufgabe von GitLab, ein anderer zeigt einen GitHub Issues Fehlerbericht, ein dritter hat eine Notion-Notiz geöffnet, und daneben sind ein Dutzend weitere Links zu Dokumentation und Mockups. All diese Informationen sind so über verschiedene Dienste verteilt, dass es etwa fünfzehn Minuten dauert, den Kontext wiederherzustellen, bevor man mit der Arbeit beginnen kann.

Kürzlich bin ich auf ein interessantes Projekt namens Ideon gestoßen. Es ist eine selbst gehostete Leinwand für räumliche Projektorganisation. Der Autor hat beschlossen, die üblichen verschachtelten Ordner und baumartigen Verzeichnisse aufzugeben und schlägt stattdessen vor, alle Entwicklungselemente auf einer einzigen unendlichen Karte zu platzieren.

Ideon workspace overview

Warum Listen durch eine Karte ersetzen

Normalerweise zwingen uns Notiz- und Aufgabenmanagement-Tools, Gedanken in Hierarchien zu quetschen. Wir erstellen Ordner, machen Unterordner darin, dann Seiten und Listen. Das Problem ist, dass echte Projekte selten in einen strengen Baum passen. Ein Frontend-Repository ist mit dem Backend verknüpft, das auch Fehlertickets, Links zu Partner-APIs und Architektur-Sketche enthält.

Ideon nutzt das Prinzip der räumlichen Nähe. Wenn zwei Blöcke nebeneinander auf dem Board liegen, sind sie bedeutungsmäßig verwandt. Man zieht einfach Karten über die Leinwand und gruppiert sie so, wie es für einen oder das Team am bequemsten ist, anstatt wie es die Dateisystemstruktur vorgibt.

Was steckt drin

Das Projekt ist in TypeScript geschrieben und wird unter der AGPLv3-Lizenz vertrieben. Die Hauptfunktionen drehen sich um Codebase-Integration und Zusammenarbeit.

Live-Integrationen mit Git-Plattformen

Der Hauptunterschied zwischen Ideon und gewöhnlichen virtuellen Boards wie Miro oder Excalidraw ist die direkte Verbindung zum Code. Man kann Repositories einbetten und Tickets aus vier beliebten Systemen öffnen:

  • GitHub
  • GitLab
  • Gitea
  • Forgejo

Man fügt einen Link zu einer Aufgabe oder einem Repository ein, und der Block verwandelt sich in eine interaktive Karte mit Status und Details. Man kann Backend-Services in einer Ecke der Leinwand gruppieren, offene Issue-Karten daneben hängen und eine Markdown-Datei mit der API-Vertragsbeschreibung direkt dort anhängen.

Notizen, Medien und Dateien

Die Leinwand ist nicht nur auf Code-Links beschränkt. Man kann Notizen mit Markdown-Unterstützung, Bilder, Dokumente und Dateien auf die Leinwand werfen. Wenn man einen Service entwirft, kann man Text mit Architekturentscheidungen und Fehlerscreenshots aus Logs direkt neben dem Datenbankschema platzieren.

Echtzeit-Zusammenarbeit

Das Projekt hat Multiplayer eingebaut. Mehrere Personen können gleichzeitig Karten bewegen, Notizen schreiben und Architektur auf derselben Leinwand diskutieren. Die Cursor der Kollegen sind direkt auf dem Bildschirm sichtbar.

Zustands-Snapshots und Zeitmaschine

Während aktiver Entwicklung ändert sich das Board schnell. Um wichtige Entscheidungen nicht zu verlieren, hat Ideon einen Snapshot-Mechanismus hinzugefügt. Man kann in der Zeit zurückreisen und sehen, wie der Workspace vor einer Woche aussah, als man gerade den Tech-Stack auswählte oder die erste Version besprach.

Wie man es selbst bereitstellt

Der Entwickler hat alles in Docker Compose verpackt, sodass der Start auf dem eigenen Server nur ein paar Minuten dauert.

Man braucht Docker und Docker Compose installiert. Das Projekt klonen und Umgebungsvariablen konfigurieren:

git clone https://github.com/3xpyth0n/ideon.git
cd ideon
cp env.example .env

In der .env-Datei muss man einen geheimen Schlüssel generieren und angeben, zum Beispiel mit dem openssl rand -hex 32-Befehl, und auch die Datenbankanmeldedaten ändern, falls nötig.

Nach der Konfiguration die Container starten:

docker compose up -d

Die Oberfläche wird im Browser unter http://localhost:3000 verfügbar sein.

Wenn die lokale Bereitstellung gerade zu aufwendig erscheint, hat der Autor eine öffentliche Demo unter https://demo.theideon.com eingerichtet. Man kann sich mit dem Benutzernamen ideon-demo und dem Passwort ideon-demo einloggen.

Für wen das Projekt geeignet ist und für wen nicht

Ideon sieht attraktiv aus für kleine Teams und Solo-Entwickler, die an mehreren Nebenprojekten parallel arbeiten. Wenn man wöchentlich zwischen Projekten wechselt, hilft eine räumliche Karte sofort zu erinnern, wo man aufgehört hat und was man als nächstes vorhatte. Die Unterstützung für lokales Gitea und Forgejo ist besonders schön, was von Fans vollständig autonomer Entwicklungsumgebungen geschätzt wird.

Andererseits ist das Projekt noch jung, mit etwa sechshundert Stars im Repository. Wenn man starre Kanban-Boards mit strengen Deadlines, Burndown-Charts und Integration mit Corporate-Trackern wie Jira braucht, reichen Ideons Fähigkeiten nicht aus. Aber als visuelle Schaltzentrale für die Verwaltung persönlicher oder Team-Projekte sieht es ziemlich einzigartig aus. Es lohnt sich auf jeden Fall, es auszuprobieren, wenn auch nur über die Demo.

Ähnliche Projekte