← Tilbake til prosjekter Mobilapplikasjon · Bil

V. Parrot Garage mobilapp

En Flutter-mobilapplikasjon koblet til API-et til V. Parrot Garage for å søke etter, filtrere og utforske tilgjengelige kjøretøy.

V. Parrot Garage mobilapp
PROSJEKT

Prosjektet

En Dart- og Flutter-applikasjon som bruker garasjens Symfony-API, med kjøretøysøk, avanserte filtre, detaljerte kjøretøysider, bildegallerier og et kontaktskjema for henvendelser.

Mobilarkitektur & Flutter-økosystem

Kryssplattform-mobilapplikasjon utviklet med Flutter og Dart for iOS og Android. Den kobler seg direkte til Symfony REST-API-et til Garage V. Parrot for å gi mobilbrukere en rask, berøringsvennlig og smidig bruktbilleting.

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

Felles kodebase for iOS & Android

Høyytelses kryssplattformutvikling med native Material 3-widgets og flytende 60 FPS-animasjoner.

Symfony REST API-kobling

Asynkron sanntidssynkronisering med bilbeholdningen og merketaksonomien.

Mobil kundeanskaffelse

Direkte aktivering av telefonanrop (tel:) og forhåndsutfylte henvendelsesskjemaer koblet til bilens referanse-ID.

1. Funksjonelle moduler & Brukeropplevelse

Utviklet for å gjøre mobilsøk om til direkte verkstedhenvendelser og prøvekjøringer:

Berøringsoptimaliserte glidebrytere

Doble glidebrytere for umiddelbar justering av pris, kilometerstand og årsmodell uten forsinkelse.

Bildetaljer & Bildekarusell

Fullskjermvisning med sveipebevegelser, bildezoom og komplett oversikt over bilens utstyr.

Forespørsler & Prøvekjøring

Umiddelbar innsending av pris- og visningsforespørsler med bilens ID inkludert automatisk.

Åpningstider & GPS-veibeskrivelse

Sjekk oppdaterte åpningstider og start navigasjon direkte til verkstedet.

2. Teknologistakk & Programvarearkitektur

  • Rammeverk & Kodespråk: Flutter 3.x & Dart med nativ ARM-kompilering for optimal fart på iOS og Android.
  • HTTP-nettverkslag: Asynkron HTTP-klient med tidsavbruddshåndtering, JSON-deserialisering og automatisk gjenoppretting ved nettverksfeil.
  • Tilstandshåndtering: Reaktiv arkitektur som skiller forretningslogikk fra brukergrensesnittets visuelle elementer.
  • Bildehurtigbufring: Smart hurtigbufring av miniatyrbilder for god opplevelse også ved ustabil mobildekning.

3. Tilknyttede REST API-endepunkter

Mobilappen kommuniserer med JSON-endepunktene fra Symfony-backendet:

Method Endpoint URL Bruk i mobilappen Databehandling
GET /api/vehicules Laste inn bruktbilkatalogen med gjeldende filtre JSON Array (Desérialisation Dart Model)
GET /api/marques-modeles Fylle ut koblede lister over merker og modeller Arborescence hiérarchique Marques & Modèles
POST /api/contact Sende henvendelse knyttet til den valgte bilen { nom, email, tel, message, vehiculeId }

4. Teknisk ytelsesmatrise

Mobilkomponent Teknisk gjennomføring Brukerfordel
Kryssplattformmotor Flutter 3.x + Dart Cross-Platform Engine Nativ opplevelse Topp responsivitet og identisk visning på iPhone og Android
Asynkron datastrøm HTTP Client + Asynchronous Stream Listeners Ingen frys Grensesnittet forblir fullt interaktivt under nettverkskall
Bildebufring CachedNetworkImage + Lazy Disk Storage Datasparing Umiddelbar offline-visning av tidligere leste bilannonser
Telefonintegrasjon url_launcher (tel:, mailto:) Rask kontakt Ring verkstedet med ett trykk uten å taste nummeret manuelt

Se kildekoden for mobilappen

Utforsk hele kildekoden for Flutter- og Dart-appen på GitHub.

Se Flutter-koden på GitHub ↗