← Tillbaka till projekt Mobilapplikation · Fordon

V. Parrot Garage mobilapp

En Flutter-mobilapplikation ansluten till V. Parrot Garages API för att söka, filtrera och utforska tillgängliga fordon.

V. Parrot Garage mobilapp
PROJEKT

Projektet

En Dart- och Flutter-applikation som använder garagets Symfony-API, med fordonssökning, avancerade filter, detaljerade fordonssidor, bildgallerier och ett kontaktformulär för förfrågningar.

Mobilarkitektur & Flutter-ekosystem

Plattformsoberoende mobilapplikation utvecklad med Flutter och Dart för iOS och Android. Den ansluter direkt till Symfony REST-API:et för Garage V. Parrot för att ge mobilanvändare en snabb, touchvänlig och smidig upplevelse vid sökning av begagnade bilar.

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

Gemensam kodbas för iOS & Android

Högpresterande plattformsoberoende utveckling med infödda Material 3-widgets och följsamma 60 FPS-animationer.

Symfony REST API-koppling

Asynkron realtidssynkronisering med billagret och märkeshierarkin.

Mobil kundanskaffning

Direkt aktivering av telefonsamtal (tel:) och förifyllda förfrågningsformulär kopplade till bilens referens-ID.

1. Funktionella moduler & Användarupplevelse

Utvecklad för att omvandla mobilsökningar till direkta verkstadsförfrågningar och provkörningar:

Touchoptimerade skjutreglage

Dubbla skjutreglage för omedelbar justering av pris, miltal och årsmodell utan fördröjning.

Bildetaljer & Bildkarusell

Helskärmsvisning med svepgester, bildzoomning och komplett översikt över bilens utrustning.

Förfrågningar & Provkörning

Omedelbar sändning av pris- och visningsförfrågningar där bilens ID inkluderas automatiskt.

Öppettider & GPS-vägbeskrivning

Kontrollera uppdaterade öppettider och starta navigering direkt till verkstaden.

2. Teknikstack & Mjukvaruarkitektur

  • Ramverk & Kodspråk: Flutter 3.x & Dart med infödd ARM-kompilering för optimal hastighet på iOS och Android.
  • HTTP-nätverksskikt: Asynkron HTTP-klient med timeout-hantering, JSON-deserialisering och automatisk återhämtning vid nätverksfel.
  • Tillståndshantering: Reaktiv arkitektur som skiljer affärslogik från användargränssnittets visuella element.
  • Bildcaching: Smart caching av miniatyrbilder för en god upplevelse även vid svag mobiltäckning.

3. Anslutna REST API-slutpunkter

Mobilappen kommunicerar med JSON-slutpunkterna från Symfony-backendet:

Method Endpoint URL Användning i mobilappen Datahantering
GET /api/vehicules Ladda in begagnatbilskatalogen med gällande filter JSON Array (Desérialisation Dart Model)
GET /api/marques-modeles Fylla i kopplade listor över märken och modeller Arborescence hiérarchique Marques & Modèles
POST /api/contact Skicka förfrågan kopplad till det valda fordonet { nom, email, tel, message, vehiculeId }

4. Teknisk prestandamatris

Mobilkomponent Teknisk implementering Användarnytta
Plattformsoberoende motor Flutter 3.x + Dart Cross-Platform Engine Infödd upplevelse Maximal följsamhet och identisk visning på iPhone och Android
Asynkront dataflöde HTTP Client + Asynchronous Stream Listeners Ingen frysning Gränssnittet förblir helt interaktivt under nätverksanrop
Bildcaching CachedNetworkImage + Lazy Disk Storage Datasparande Omedelbar offline-visning av tidigare visade bilannonser
Telefonintegration url_launcher (tel:, mailto:) Snabb kontakt Ring verkstaden med ett tryck utan att behöva slå numret manuellt

Se källkoden för mobilappen

Utforska hela källkoden för Flutter- och Dart-appen på GitHub.

Se Flutter-koden på GitHub ↗