← Terug naar projecten Mobiele applicatie · Automotive

V. Parrot Garage mobiele app

Een Flutter mobiele applicatie verbonden met de API van V. Parrot Garage om beschikbare voertuigen te bekijken, filteren en verkennen.

V. Parrot Garage mobiele app
PROJECT

Het project

Een Dart- en Flutter-applicatie die de Symfony-garage-API gebruikt, met voertuigzoekfunctie, geavanceerde filters, gedetailleerde voertuigpagina's, afbeeldingsgalerijen en een contactformulier voor aanvragen.

Mobiele architectuur & Flutter-ecosysteem

Cross-platform mobiele applicatie ontwikkeld met Flutter en Dart voor iOS en Android. Deze maakt direct verbinding met de Symfony REST API van Garage V. Parrot om mobiele gebruikers een snelle, touch-vriendelijke en soepele zoekervaring voor occasions te bieden.

┌─────────────────────────────────────────────────────────────────────────────┐
│              V. Parrot Garage Mobile App — Flutter & Dart                   │
└──────────────────────────────────────┬──────────────────────────────────────┘
                                       │
           ┌───────────────────────────┼───────────────────────────┐
           ▼                           ▼                           ▼
  📱 UI & State Management      📡 API Client & HTTP         💾 Local Cache & Offline
  • Flutter Material 3 Widgets • Symfony REST Connector    • CachedNetworkImage
  • Multi-criteria range slider • JSON Model Deserializer   • SQLite / SharedPreferences
  • Touch carousel gestures     • Async HTTP Error recovery • Offline catalog inspection
  • 1-Tap native dialer (tel:)  • Post lead contact payload • Network connectivity guard

Gezamenlijke codebase voor iOS & Android

Krachtige cross-platform ontwikkeling met native Material 3-widgets en soepele 60 FPS-animaties.

Symfony REST API-koppeling

Asynchrone realtime synchronisatie met de autovoorraad en merkhiërarchie.

Mobiele leadgeneratie

Direct starten van telefoongesprekken (tel:) en vooraf ingevulde aanvraagformulieren gekoppeld aan het auto-ID.

1. Functionele modules & Gebruikerservaring

Ontworpen om mobiel zoekgedrag om te zetten in directe werkplaatsaanvragen en proefritreserveringen:

Touch-geoptimaliseerde bereik-sliders

Dubbele schuifregelaars voor directe instelling van Prijs, Kilometerstand en Bouwjaar zonder vertraging.

Autodetails & Fotocarrousel

Volledig schermweergave met veegbewegingen (swipe), fotozoom en een compleet overzicht van alle uitrusting.

Aanvragen & Proefrit boeken

Direct verzenden van prijs- en bezichtigingsaanvragen waarbij het voertuig-ID automatisch wordt meegestuurd.

Openingstijden & GPS-navigatie

Actuele openingstijden bekijken en direct een routebeschrijving naar de garage starten.

2. Technologiestack & Softwarearchitectuur

  • Framework & Programmeertaal: Flutter 3.x & Dart met native ARM-compilatie voor maximale snelheid op iOS en Android.
  • HTTP-netwerklaag: Asynchrone HTTP-client met time-outbeheer, JSON-deserialisatie en automatisch herstel bij verbindingsfouten.
  • State Management: Reactieve architectuur die bedrijfslogica scheidt van de visuele interfacecomponenten.
  • Beeldcaching: Slimme caching van miniaturen voor een vlotte weergave, zelfs bij een zwakke mobiele internetverbinding.

3. Gebruikte REST API-endpoints

De mobiele app communiceert met de JSON-endpoints geleverd door de Symfony-backend:

Method Endpoint URL Gebruik in de mobiele app Gegevensverwerking
GET /api/vehicules Inladen van de occasioncatalogus met actieve filters JSON Array (Desérialisation Dart Model)
GET /api/marques-modeles Vullen van de gekoppelde lijsten met merken en modellen Arborescence hiérarchique Marques & Modèles
POST /api/contact Verzenden van het contactformulier gekoppeld aan de gekozen auto { nom, email, tel, message, vehiculeId }

4. Technische prestatiematrix

Mobiele component Technische implementatie Gebruikersvoordeel
Cross-platform motor Flutter 3.x + Dart Cross-Platform Engine Native ervaring Maximale soepelheid en identieke weergave op iPhone en Android
Asynchrone datastroom HTTP Client + Asynchronous Stream Listeners Geen vastlopers De interface blijft volledig responsief tijdens netwerkverzoeken
Afbeeldingscache CachedNetworkImage + Lazy Disk Storage Datagebruik besparing Directe offline weergave van eerder bekeken auto's
Telefoonintegratie url_launcher (tel:, mailto:) Snel contact Bellen met de garage met 1 tik zonder het nummer handmatig in te voeren

Bekijk de broncode van de mobiele app

Ontdek de volledige broncode van de Flutter- en Dart-app op GitHub.

Bekijk Flutter-code op GitHub ↗