>_ DevTrendsnl

Taal

Home

Talen

Secties

Frontend Backend Mobiel DevOps AI / ML GameDev Blockchain Embedded Beveiliging
TypeScript

Hoe chaos uit repositories en notities te verzamelen op één oneindig canvas

Herkenbaar beeld: je opent 's ochtends je browser en er wachten dertig tabbladen. Eén heeft een taak van GitLab, een ander toont een bugreport uit GitHub Issues, een derde heeft een Notion-notitie open, en daarnaast staan nog een dozijn links naar documentatie en mockups. Al deze informatie is zo verspreid over verschillende diensten dat het ongeveer vijftien minuten kost om de context te herstellen voordat je kunt beginnen met werken.

Onlangs stuitte ik op een interessant project genaamd Ideon. Het is een zelfgehost canvas voor ruimtelijke projectorganisatie. De auteur besloot de gebruikelijke geneste mappen en boomstructuur directories te verlaten en stelt voor om alle ontwikkelelementen in plaats daarvan op één oneindige kaart te plaatsen.

Ideon workspace overview

Waarom lijsten vervangen door een kaart

Meestal dwingen notitie- en taakbeheertools ons om gedachten in hiërarchieën te proppen. We maken mappen, maken submappen daarin, en dan pagina's en lijsten. Het probleem is dat echte projecten zelden in een strikte boom passen. Een frontend-repository is gekoppeld aan de backend, die ook bugtickets heeft, links naar partner-API's en architectuurschetsen.

Ideon gebruikt het principe van ruimtelijke nabijheid. Als twee blokken naast elkaar op het bord liggen, zijn ze betekenisvol aan elkaar gerelateerd. Je sleept simpelweg kaarten over het canvas en groepeert ze zoals jij of je team dat uitkomt, in plaats van zoals de bestandssysteemstructuur dicteert.

Wat zit erin

Het project is geschreven in TypeScript en gedistribueerd onder de AGPLv3-licentie. De belangrijkste functies draaien om codebasisintegratie en samenwerking.

Live integraties met Git-platforms

Het belangrijkste verschil tussen Ideon en gewone virtuele borden zoals Miro of Excalidraw is de directe verbinding met code. Je kunt repositories en open tickets van vier populaire systemen insluiten:

  • GitHub
  • GitLab
  • Gitea
  • Forgejo

Je plakt een link naar een taak of repository, en het blok transformeert naar een interactieve kaart met status en details. Je kunt backend-services in één hoek van het canvas groeperen, open issue-kaarten in de buurt hangen en een markdown-bestand met de API-contractbeschrijving direct daar bevestigen.

Notities, media en bestanden

Het canvas is niet beperkt tot alleen codelinks. Je kunt notities met Markdown-ondersteuning, afbeeldingen, documenten en bestanden op het canvas gooien. Als je een service ontwerpt, kun je tekst met architectuurbeslissingen en foutschermafbeeldingen uit logs direct naast het databaseschema plaatsen.

Realtime samenwerking

Het project heeft multiplayer ingebouwd. Meerdere mensen kunnen tegelijkertijd kaarten verplaatsen, notities schrijven en architectuur bespreken op hetzelfde canvas. De cursors van collega's zijn direct op het scherm zichtbaar.

Status-snapshots en tijdmachine

Tijdens actieve ontwikkeling verandert het bord snel. Om belangrijke beslissingen niet te verliezen, heeft Ideon een snapshot-mechanisme toegevoegd. Je kunt terugreizen in de tijd en zien hoe de werkruimte er een week geleden uitzag, toen je nog de tech stack koos of de eerste release besprak.

Hoe het zelf te deployen

De ontwikkelaar heeft alles verpakt in Docker Compose, dus op je eigen server opstarten kost een paar minuten.

Je hebt Docker en Docker Compose nodig geïnstalleerd. Clone het project en configureer omgevingsvariabelen:

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

In het .env bestand moet je een geheime sleutel genereren en opgeven, bijvoorbeeld met de openssl rand -hex 32 opdracht, en ook de database-inloggegevens wijzigen indien nodig.

Na configuratie start je de containers:

docker compose up -d

De interface is beschikbaar in de browser op http://localhost:3000.

Als lokaal deployen nu te veel moeite lijkt, heeft de auteur een openbare demo opgezet op https://demo.theideon.com. Je kunt inloggen met gebruikersnaam ideon-demo en wachtwoord ideon-demo.

Voor wie het project wel en niet geschikt is

Ideon ziet er aantrekkelijk uit voor kleine teams en solo-ontwikkelaars die aan meerdere pet projects parallel werken. Wanneer je wekelijks tussen projecten schakelt, helpt een ruimtelijke kaart je om direct te onthouden waar je bent gebleven en wat je de volgende keer wilt doen. De ondersteuning voor lokale Gitea en Forgejo is vooral prettig, wat gewaardeerd zal worden door fans van volledig autonome ontwikkelomgevingen.

Anderzijds is het project nog jong, met ongeveer zeshonderd sterren in de repository. Als je strikte Kanban-borden met harde deadlines, burndown-grafieken en integratie met corporate trackers zoals Jira nodig hebt, zijn de mogelijkheden van Ideon niet toereikend. Maar als een visueel dashboard voor het beheren van persoonlijke of teamprojecten ziet het er vrij uniek uit. Het is zeker de moeite waard om te proberen, al is het maar via de demo.

Gerelateerde projecten