Was ist in meiner Nähe?
Entwickelt einen mobilen Wegweiser zu Trinkbrunnen, WCs, WLAN-Hotspots und Bäumen in Linz.
Vollständigen Code herunterladen ↓
Ideenhilfe
Beginnt mit einer einzigen Frage: Was brauchen Menschen rund um einen Festivalort gerade jetzt? Wählt zunächst nur eine Datenart, etwa Trinkbrunnen oder öffentliche WCs.
Ein kleines erstes Ziel:
- Zeigt drei feste Startpunkte in Linz.
- Berechnet die Entfernung zu allen Orten im gewählten Datensatz.
- Sortiert die fünf nächstgelegenen Treffer.
- Zeigt Name, Entfernung und Datenstand verständlich an.
Erst wenn das funktioniert, ergänzt ihr Browser-Standort, Karte oder weitere Datensätze. Beachtet, dass ein verzeichneter Ort nicht garantiert aktuell geöffnet oder benutzbar ist.
Ideen und Prompts
Startet euren Agent mit diesem Auftrag:
Untersuche das vorhandene Projekt und die vorbereiteten Datensätze. Plane einen browserbasierten Prototyp, der für einen gewählten Startpunkt die fünf nächsten Trinkbrunnen anzeigt. Verwende zunächst keine Karte und keine neue Bibliothek. Ändere noch keine Dateien.
Für den ersten Umsetzungsschritt:
Implementiere nur das Einlesen der Trinkbrunnen und eine getestete Funktion zur Luftlinienentfernung zwischen zwei WGS84-Koordinaten. Führe danach die vorhandenen Checks aus.
Für die nächste Ausbaustufe:
Ergänze drei feste Linzer Startpunkte und eine nach Entfernung sortierte Ergebnisliste. Zeige den Datenstand sichtbar an. Achte auf Tastaturbedienung und kleine Bildschirme.
Erst danach könnt ihr fragen:
Prüfe, wie eine OpenStreetMap-Karte und die Browser-Geolocation als optionale Verbesserung ergänzt werden können. Die Anwendung muss ohne Standortfreigabe weiterhin funktionieren.
Vollständiger Code
Ladet den vollständigen Beispielcode über die Schaltfläche oberhalb herunter. Nach dem Entpacken:
npm install
npm run devDie Daten werden lokal verarbeitet. Kartenkacheln werden aus dem Internet geladen; dabei gelten die Nutzungsbedingungen und Datenschutzregeln des jeweiligen Kartendienstes.