Terug naar portfolio Back to portfolio
SvelteKitTypeScriptFirestoreLeafletOpenAINetlify

Roamly

Reisplanningsapp met een tijdlijn én een interactieve kaart. Je ziet je route zowel in tijd als in ruimte, aangevuld met een AI-reisassistent die praktisch advies geeft per activiteit. Travel planning app with a timeline and an interactive map. See your route in both time and space, complemented by an AI travel assistant giving practical advice per activity.

Roamly reisplanning

Over dit project About this project

Parallel aan PhraseKit groeide een andere vraag: hoe plan je zo'n reis? Japan is groot en vraagt veel keuzes. Je wilt steden bezoeken, maar ook weten hoeveel reisdagen dat kost, hoe de volgorde logisch loopt, en waar de witte vlekken in je planning zitten.

Roamly toont de reis als gekleurde segmenten op een tijdlijn — waarbij de verhouding de daadwerkelijke verblijfsduur weergeeft — én als interactieve kaart via Leaflet, met steden op échte geografische posities. Je ziet de route dus zowel in tijd als in ruimte.

Per dag kun je activiteiten invullen, en een ingebouwde AI-reisassistent — gekoppeld aan OpenAI — geeft per activiteit praktisch advies: openingstijden, hoe je er komt, wat je meeneemt, wat er in de buurt ligt.

Hier verscheen een nieuwe technologie: SvelteKit. Svelte werkt fundamenteel anders dan React — dichter op de browser, wat resulteert in lichtere, snellere code.

Parallel to PhraseKit, another question grew: how do you plan such a trip? Japan is large and demands many choices. You want to visit cities, but also know how many travel days that costs, how the order makes logical sense, and where the gaps in your planning are.

Roamly shows the trip as coloured segments on a timeline — where the proportions reflect actual duration — and as an interactive map via Leaflet, with cities at their actual geographic positions. You see the route in both time and space.

For each day you can fill in activities, and a built-in AI travel assistant — connected to OpenAI — gives practical advice per activity: opening times, how to get there, what to bring, what's nearby.

This introduced a new technology: SvelteKit. Svelte works fundamentally differently from React — closer to the browser, resulting in lighter, faster code.

Wat goed werkte What worked well

De combinatie van tijdlijn en kaart gaf een inzicht dat geen van beide alleen had kunnen bieden. Je ziet in één oogopslag of je reisroute geografisch logisch is — of dat je jezelf onnodig heen en weer laat reizen.

The combination of timeline and map gave insight that neither alone could have provided. At a glance you can see whether your travel route is geographically logical — or whether you're unnecessarily travelling back and forth.