← Zurück zu den Projekten Mobile Anwendung · Automobil

V. Parrot Garage Mobile App

Eine Flutter-Mobile-App, die mit der V. Parrot Garage API verbunden ist, um verfügbare Fahrzeuge zu durchsuchen, zu filtern und zu erkunden.

V. Parrot Garage Mobile App
PROJEKT

Das Projekt

Eine Dart- und Flutter-Anwendung, die die Symfony-Garage-API nutzt und Fahrzeugsuche, erweiterte Filter, detaillierte Fahrzeugseiten, Bildergalerien und ein Kontaktformular für Anfragen bietet.

Mobile Architektur & Flutter-Ökosystem

Plattformübergreifende mobile Anwendung, entwickelt mit Flutter und Dart für iOS und Android. Sie bindet direkt die REST-API der Symfony-Plattform an und bietet mobilen Nutzern eine schnelle, flüssige Gebrauchtwagensuche.

┌─────────────────────────────────────────────────────────────────────────────┐
│              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

Einheitliche Codebasis für iOS & Android

Leistungsstarke Cross-Platform-Entwicklung mit Material 3 Widgets und flüssigen 60-FPS-Animationen.

Symfony REST-API-Konnektor

Asynchrone Echtzeitsynchronisation mit dem Fahrzeugbestand und der Markentaxonomie.

Mobile Lead-Generierung

Direkte Anbindung an die Telefonfunktion (tel:) und vorausgefüllte Anfrageformulare mit Fahrzeugreferenz.

1. Funktionsmodule & Benutzererlebnis

Entwickelt, um mobile Nutzersitzungen in konkrete Werkstatt- und Kaufanfragen zu verwandeln:

Touch-optimierte Bereichs-Schieberegler

Zwei-Wege-Schieberegler für Preis, Kilometerstand und Baujahr ohne spürbare Verzögerung.

Fahrzeugdetailansicht & Bildkarussell

Vollbildgalerie mit Wischgesten, Fotovergrößerung und vollständiger Ausstattungsliste.

Anfragen & Probefahrt-Buchung

Sofortige Übermittlung von Besichtigungsanfragen inklusive automatischer Fahrzeug-ID.

Öffnungszeiten & Standortsuche

Echtzeit-Öffnungszeiten und direkte GPS-Routenführung zur Werkstatt.

2. Technologiestack & Softwarearchitektur

  • Framework & Programmiersprache: Flutter 3.x & Dart mit nativer ARM-Kompilierung für iOS und Android.
  • HTTP-Netzwerkschicht: Asynchroner HTTP-Client mit Timeout-Management, JSON-Deserialisierung und Verbindungsfehler-Behandlung.
  • Zustandsverwaltung: Reaktive Architektur mit strikter Trennung von Geschäftslogik und UI-Komponenten.
  • Medien-Cache-Verwaltung: Intelligentes Vorschaubild-Caching für eine flüssige Anzeige auch bei schwacher Mobilfunkverbindung.

3. Angebundene REST-API-Endpunkte

Die mobile App kommuniziert mit den vom Symfony-Backend bereitgestellten JSON-Endpunkten:

Method Endpoint URL Verwendung in der App Datenverarbeitung
GET /api/vehicules Laden des gefilterten Gebrauchtwagenbestands JSON Array (Desérialisation Dart Model)
GET /api/marques-modeles Befüllen der kaskadierenden Marken- und Modellfilter Arborescence hiérarchique Marques & Modèles
POST /api/contact Übermittlung fahrzeugbezogener Kundenanfragen { nom, email, tel, message, vehiculeId }

4. Technische Leistungsmatrix

Mobile Komponente Technische Umsetzung Nutzervorteil
Plattformübergreifender Kern Flutter 3.x + Dart Cross-Platform Engine Natives Erlebnis Höchste Flüssigkeit und identisches Verhalten auf iPhone und Android-Geräten
Asynchroner Datenstrom HTTP Client + Asynchronous Stream Listeners Kein Ruckeln Die Benutzeroberfläche bleibt bei Netzwerkanfragen jederzeit voll bedienbar
Bild-Caching CachedNetworkImage + Lazy Disk Storage Datensparsam Sofortige Offline-Darstellung bereits betrachteter Fahrzeuge
Native Telefonie-Anbindung url_launcher (tel:, mailto:) Schnelle Kontaktaufnahme Direktanruf bei der Werkstatt mit nur einem Klick

Mobile App Quellcode ansehen

Untersuchen Sie den Quellcode der Flutter- & Dart-Anwendung auf GitHub.

Flutter-Code auf GitHub ansehen ↗