Mijn reisdagboek, als ansichtkaarten
Atlas
Een persoonlijk reisdagboek: elke reis een ansichtkaart met foto’s, een verhaal en een pin op een draaiende wereldbol. Met een eigen editor om reizen toe te voegen en te bewerken.
- Node.js
- Express
- TypeScript
- PostgreSQL
- MinIO
- sharp
- D3
- Leaflet
- Docker
01
Het idee
Foto’s van reizen verdwijnen in je telefoon. Ik wilde een plek waar elke reis een eigen pagina krijgt, met het verhaal erbij en een plek op de kaart, en die voelt als een stapel ansichtkaarten in plaats van een blog.
02
Het ontwerp
Warm papier, paspoortstempels, een instapkaart met de reisgegevens en ansichtkaarten die een beetje scheef liggen. In het donker wordt het een nachttrein. Alles in twee talen en te gebruiken op je telefoon.
03
Onder de motorkap
Een Express-API in TypeScript met PostgreSQL voor de reizen en MinIO voor de foto’s. Elke upload, ook rechtstreeks van de camera, wordt op de server rechtgedraaid, verkleind naar WebP en ontdaan van metadata. De database draait apart met dagelijkse back-ups naar externe opslag.
Wereldbol
Draaibare D3-wereldbol met een pin per reis; klik om de reis te openen.
Tijdlijn
Reizen per jaar, te filteren op tag en te doorzoeken.
Reispagina
Verhaal, fotogalerij met lightbox, YouTube-video’s en een minikaart.
Editor
Pin op de kaart zetten, foto’s slepen en ordenen, tekst en afbeeldingen plakken.
Foto-pipeline
Tot 100 MB per foto; de server maakt er een lichte webversie van.
Veilig
Strikte Content-Security-Policy, gesanitiseerde verhalen en login voor de beheerder.
