USA/Adventures
App öffnen
Basis: Oxnard, Kalifornien

Sechs Monate quer
durch die USA

Alperen & Justus, ein Praktikum, ein Kontinent. Das hier ist unser geteiltes Reisegehirn: Karte, Trips, Pläne und Erinnerungen an einem Ort.

Karte öffnen Trips ansehen Code auf GitHub
17Tage bis USA
96Spots
15Trips
3Erlebt

Interaktive Karte

Jeder Spot als Pin über die ganzen USA + Hawaii. Kategorien, Status, Klick für Details.

Öffnen

Plan-Board

Kanban plus Kalender-Spur: Idee, geplant, erlebt, mit .ics-Export.

Öffnen

Trips & Regionen

13 Routen mit Vibe, Saison, Schwierigkeit und grober Kilometer-Schätzung.

Öffnen

Entdecken

Rotationsbogen, Wochenend-Komponist, Roulette, Packliste und Crew-Duett.

Öffnen

Erinnerungen

Was wir erlebt haben, als Timeline. Wird mit jedem Spot voller.

Öffnen

Wochenend-Mix

Automatisch 48 Stunden im 4-Stunden-Radius um Oxnard zusammenstellen.

Öffnen

Die Routen

Alle Trips
SoCal Basis13Vor der Haustür23Wochenend-Loop6Pacific Coast Highway9Südwesten & Canyons9San Diego & Baja4Schnee & Berge3Hawaii4Pacific Northwest4Ostküste4Texas Loop3Rockies & Yellowstone2Sierra & Yosemite4Death Valley & Eastern Sierra5Desert Night Skies3
Für alle, auch ohne Coding

Selbst bearbeiten in 6 Schritten

Du musst kein Programmierer sein. Orte und Trips ändert man in zwei Dateien im Ordner data/. Und wenn du nicht weiterweißt: auf Copy für Agent klicken und den Text in deinen KI-Agenten (z. B. Copilot) einfügen — der macht den Rest.

Alles auf einmal an den Agenten

Ein Prompt, der deinen Agenten durch alle 6 Schritte führt — von Node bis live.

1. Node.js installieren

Einmalig von nodejs.org die LTS-Version laden und installieren. Das ist die Basis, damit alles läuft.

2. Repo klonen

Mit git das Repo klonen (nicht als ZIP). Falls git fehlt, hilft dir dein Agent beim Installieren.

3. Starten

Im Projektordner einmal npm install, dann npm run dev. Browser auf localhost:3000.

4. Inhalte finden

Alles Editierbare liegt im Ordner data/: places.ts (Orte) und trips.ts (Reisen).

5. Ändern & speichern

Eine Zeile kopieren, Werte anpassen, speichern. Der Browser aktualisiert sich selbst.

6. Online stellen

Änderung committen und pushen — Vercel deployed automatisch.

Repo auf GitHub Komplette Anleitung
Feature bearbeiten

Was willst du ändern?

Such dir ein Feature aus, klick auf Code für Agent und gib den Prompt deinem KI-Agenten — er kennt dann Dateien, Doku und Regeln und fragt dich, was genau du ändern willst.

Landing-Page

Startseite mit Hero, Video, Feature-Karten und Tutorial

app/page.tsx, app/globals.css
Interaktive Karte

Satelliten-Karte mit Pins, Klick-zum-Pinnen, FlyTo

components/MapCanvas.tsx, app/map/page.tsx
Trips & Regionen

Trip-Gruppierung, Schnellfilter, Trip-Übersicht

components/TripChips.tsx, components/TripsTab.tsx, data/trips.ts
Plan-Board

Kanban Wishlist → Geplant → Erlebt

components/PlanBoard.tsx, app/plans/page.tsx
Erinnerungen (Timeline)

Chronologische Timeline erlebter Spots

components/Timeline.tsx, app/memories/page.tsx
Filter & Suche

Suche + Kategorie/Status/Person/Wochenend-Filter

components/FilterBar.tsx, lib/filter.ts
Spot-Detail-Modal

Bildergalerie, Warum-hin, beste Reisezeit, Aktionen

components/SpotModal.tsx, components/PlaceCard.tsx
Distanz & Wochenend-Radius

Luftlinie ab Oxnard + Wochenend-Tauglichkeit

lib/geo.ts, components/FilterBar.tsx
Überrasch uns

Zufälliger Wishlist-Spot auf der Karte

app/map/page.tsx
Spot teilen (Deep-Link)

Teilbarer Link /map?spot=<id>

app/map/page.tsx
Kalender-Export (.ics)

Geplante Spots als Kalenderdatei

lib/ics.ts, app/plans/page.tsx
Home-Marker

Zuhause-Kategorie (Basecamp, BMW, Camarillo)

lib/config.ts, lib/types.ts, data/places.ts
Copy-für-Agent-Prompts

Alle Prompts + Buttons für Agenten

lib/agentPrompts.ts, components/CopyForAgent.tsx
OG-Image & Promo-Video

Teiler-Bild + Video (Remotion)

remotion/, app/layout.tsx
Inhalte (Orte & Trips)

Die eigentlichen Reisedaten

data/places.ts, data/trips.ts