Pingo

Im Rahmen der Extreme Programming Week entstand die App Pingo, eine geobasierte Plattform, die Nutzern ihre Umgebung auf spielerische und informative Weise näherbringt. Mit Location-based Services (LBS) ermöglicht Pingo, verschiedene „Geostops“ zu erkunden – von Naturjuwelen bis hin zu kulturellen Sehenswürdigkeiten.

Das Ziel von Pingo ist es, die Neugier der Nutzer zu wecken, sei es für Einheimische, die ihre Heimat neu entdecken möchten, oder Reisende, die nach Abenteuern suchen. Die App bietet detaillierte Informationen, Fotos und Bewertungen zu den Geostops und lädt dazu ein, Erlebnisse zu teilen.

Umsetzung & Herausforderungen

Die Frontend-Entwicklung erfolgte mit Ionic und Vue, was aufgrund unserer Team-Erfahrung mit Angular eine Herausforderung darstellte. Besonders Probleme mit der reaktiven Datenbindung und der Bibliotheksintegration machten die Entwicklung anspruchsvoll. Diese Erfahrungen halfen uns jedoch, die Unterschiede zwischen Vue und Angular besser zu verstehen. Meine Aufgabe lag Hauptsächlich in der Frontend Architektur und der umsetzung von kartenbasierten Features mit Leaflet.

Technologie-Stack

• Frontend: Ionic mit Vue
• Backend:NestJS
• Datenvisualisierung: Leaflet für interaktive Karten
• Containerisierung: Docker für Entwicklung und Deployment

Features

• Geostops-Entdeckung: Interaktive Kartenansicht mit Location-based Services
• Bewertungen & Fotos: Teilen und Erkunden von Erfahrungen
• Benutzerverwaltung: Registrierung, Login und Profilverwaltung
• QR-Code-Generierung: Erstellen von QR-Codes für Geostops

Learnings

• Technologie-Entscheidungen: Wertvolle Einblicke in die Unterschiede zwischen Vue und Angular
• Backend-Architektur: Erfahrung in der API-Entwicklung mit NestJS
• Cross-Team-Arbeit: Zusammenarbeit zwischen unterschiedlichen Technologien (NestJS, Spring Boot)
• Geodaten-Visualisierung: Kartenintegration mit Leaflet