← Torna ai progetti Applicazione mobile · Automotive

App mobile V. Parrot Garage

Un'applicazione mobile Flutter collegata all'API di V. Parrot Garage per consultare, filtrare ed esplorare i veicoli disponibili.

App mobile V. Parrot Garage
PROGETTO

Il progetto

Un'applicazione Dart e Flutter che utilizza l'API Symfony del garage, con ricerca dei veicoli, filtri avanzati, schede dettagliate, gallerie di immagini e modulo di contatto per le richieste.

Architettura Mobile & Ecosistema Flutter

Applicazione mobile multipiattaforma sviluppata in Flutter e Dart per iOS e Android. Si collega direttamente all'API REST del backend Symfony del Garage V. Parrot per offrire agli utenti un'esperienza di ricerca veicoli usati fluida, reattiva e touch-friendly.

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

Codice Unico per iOS & Android

Sviluppo multipiattaforma ad alte prestazioni con widget Material 3 nativi e animazioni fluide a 60 FPS.

Connettore API REST Symfony

Sincronizzazione asincrona in tempo reale con l'inventario delle auto usate e l'alberatura delle marche.

Generazione Contatti su Mobile

Collegamento immediato al dialer telefonico nativo (tel:) e moduli di contatto precompilati con l'ID del veicolo selezionato.

1. Moduli Funzionali & Esperienza Utente

Progettata per convertire la navigazione da smartphone in contatti diretti con il personale dell'officina:

Slider Touch Multicriterio

Doppi slider ottimizzati per il tocco per impostare Prezzo, Chilometraggio e Anno senza latenze.

Scheda Dettagliata & Carosello Immagini

Galleria a schermo intero con gesture swipe, zoom sulle foto e riepilogo completo di allestimenti e optional.

Richieste di Informazioni & Test Drive

Invio immediato di richieste di preventivo o appuntamento con passaggio automatico dell'ID veicolo.

Orari di Apertura & Navigazione GPS

Consultazione in tempo reale degli orari di apertura e avvio immediato della navigazione verso l'officina.

2. Stack Tecnico & Ingegneria del Software

  • Framework & Linguaggio: Flutter 3.x & Dart con compilazione nativa ARM per massime prestazioni su iOS e Android.
  • Livello di Rete HTTP: Client HTTP asincrono con gestione di timeout, deserializzazione JSON e recupero dagli errori di rete.
  • Gestione dello Stato: Architettura reattiva che separa la logica di business dai componenti visivi dell'interfaccia.
  • Gestione della Cache Immagini: Caching intelligente delle anteprime per una navigazione fluida anche con connessione dati debole.

3. Endpoint dell'API REST Utilizzati

L'applicazione mobile comunica con gli endpoint JSON forniti dal backend Symfony:

Method Endpoint URL Uso nell'App Mobile Gestione Dati
GET /api/vehicules Caricamento dell'elenco veicoli usati con filtri applicati JSON Array (Desérialisation Dart Model)
GET /api/marques-modeles Popolamento dei menu dipendenti di marche e modelli Arborescence hiérarchique Marques & Modèles
POST /api/contact Invio del modulo di contatto associato al veicolo visualizzato { nom, email, tel, message, vehiculeId }

4. Matrice delle Prestazioni Tecniche

Componente Mobile Implementazione Tecnica Vantaggio per l'Utente
Motore Multipiattaforma Flutter 3.x + Dart Cross-Platform Engine Esperienza Nativa Massima fluidità e resa identica sia su iPhone che su dispositivi Android
Flusso Asincrono HTTP Client + Asynchronous Stream Listeners Zero Blocchi L'interfaccia resta costantemente reattiva durante le chiamate di rete
Cache Immagini CachedNetworkImage + Lazy Disk Storage Risparmio Dati Visualizzazione offline istantanea dei veicoli già consultati in precedenza
Integrazione Telefonica url_launcher (tel:, mailto:) Contatto Immediato Chiamata diretta all'officina con 1 solo tocco senza digitare il numero

Guarda il Codice dell'App Mobile

Esplora il codice sorgente completo dell'applicazione Flutter e Dart su GitHub.

Guarda il Codice Flutter su GitHub ↗