Trailnote
Terug naar projecten
FlutterDartJavaSpring BootUnityVuforiaARGeo-locatieRealtime

Trailnote

Flutter-applicatie voor locatiegebaseerde notities met AR-navigatie en Java Spring Boot back-end.

Registreren & Inloggen

Gebruikers kunnen zich eenvoudig registreren of inloggen via e-mailadres en wachtwoord.

  • Account aanmaken: Gebruikersnaam, e-mail en wachtwoord.
  • Authenticatie: JWT-tokens voor beveiligde communicatie met de Java Spring Boot API.
Registratiescherm in de Flutter-app
Registreren en inloggen in Trailnote

Profielbeheer

Na aanmelding belandt de gebruiker in zijn profiel:

  • Weergave eigen gegevens: Gebruikersnaam, profielfoto en biografie.
  • Bewerken profiel: Gebruikers kunnen hun profielfoto wijzigen en eigen username aanpassen.
Profielscherm in de Flutter-app
Profielpagina met accountinstellingen

Notities Verkennen

In de "Explore"-weergave ziet de gebruiker alle publieke notities in zijn omgeving:

  • Kaartweergave: Pinnen op kaart laten zien waar notities zich bevinden binnen een straal van 500 m.
  • Routeweergave: Klikken op een pin opent de AR omgeving waarbij je een pijl krijgt met de richting waar je naartoe moet lopen.
  • Realtime updates: Nieuwe notities verschijnen direct.
Kaartweergave met notities in de buurt
Kaartweergave en realtime updates in Trailnote

Notitie Plaatsen

Gebruikers kunnen op hun huidige locatie een nieuwe notitie maken:

  • Foto-upload: Maak direct een foto met de camera of kies uit galerij.
  • Tekstveld: Geef een titel en omschrijving (max. 200 tekens).
  • Locatie-verificatie: GPS-coördinaten worden automatisch toegevoegd.
  • Publicatiemoment: Zodra gebruiker bevestigt, wordt notitie gepusht naar de back-end (Spring Boot), opgeslagen in de database en direct zichtbaar voor anderen.
Scherm om een nieuwe notitie toe te voegen
Scherm om een nieuwe notitie toe te voegen met foto en tekst

AR-Navigatie naar Notities

Met behulp van Unity en Vuforia leidt Trailnote je exact naar de notitie:

  • AR-Pijl: Zodra je op een notitie klikt, opent de camera en toont een 3D-pijl in de wereld die je de weg wijst.
  • Lokaliseren notitie: De pijl wijst naar de GPS-coördinaten; wanneer je binnen 3 m van de locatie komt, verschijnt een 3D-kist.
  • Interactieve 3D-kist: Rondom de kist kun je lopen; wanneer je dichtbij genoeg bent, opent de kist om de volledige notitie (foto + commentaar + profiel) in AR-weergave te bekijken.
  • Unity-en Vuforia-integratie: Vuforia herkent de omgeving om de AR-objecten vast te pinnen op de juiste wereldcoördinaten.
AR-navigatie pijl en 3D-kist bij de notitie
Volg de AR-pijl en bekijk de notitie in de 3D-kist ter plaatse