← Back to projects Mobile application · Automotive

V. Parrot Garage Mobile App

A Flutter mobile application connected to the V. Parrot Garage API to browse, filter and explore available vehicles.

V. Parrot Garage Mobile App
PROJECT

The project

A Dart and Flutter application consuming the Symfony garage API, with vehicle search, advanced filters, detailed vehicle pages, image galleries and a contact form for enquiries.

Mobile Architecture & Flutter Ecosystem

Cross-platform mobile application engineered with Flutter and Dart for iOS and Android. It connects directly to the Symfony REST API backend of the Garage V. Parrot web platform, providing mobile users with a fluid, touch-optimized, and lightning-fast used vehicle discovery experience.

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

Single Codebase for iOS & Android

High-performance cross-platform development with Material 3 widgets and 60 FPS animations.

Symfony REST API Connector

Real-time asynchronous synchronization with live vehicle inventories and brand taxonomy.

Mobile Lead Generation

1-tap trigger to native phone dialer (tel:) and pre-filled inquiry submission forms linked to vehicle IDs.

1. Functional Modules & User Experience

Designed to turn mobile browsing sessions into direct inquiries with garage staff:

Touch-Optimized Multi-Range Sliders

Dual-handle touch sliders to adjust Price, Mileage, and Year parameters without latency.

Car Details & Carousel Gallery

Full-screen image gallery with swipe gestures, photo zoom, and complete technical equipment breakdowns.

Inquiries & Test-Drive Bookings

Instant quotation and viewing requests automatically transmitting the active vehicle reference ID.

Opening Schedules & Geolocation

Real-time workshop hours lookup and direct GPS navigation guidance to the repair center.

2. Technical Stack & Software Engineering

  • Framework & Language: Flutter 3.x & Dart with native ARM compilation for iOS and Android.
  • HTTP Network Layer: Asynchronous HTTP client with timeout management, JSON deserialization, and network error recovery.
  • State Management: Reactive architecture decoupling business logic from UI layout components.
  • Media Cache Management: Smart caching of image thumbnails for a smooth browsing experience even on low-bandwidth networks.

3. Consumed REST API Endpoints

The mobile app connects to secure JSON endpoints served by the Symfony backend:

Method Endpoint URL Mobile App Usage Data Handling
GET /api/vehicules Load used car inventory with multi-criteria filtering JSON Array (Desérialisation Dart Model)
GET /api/marques-modeles Populate cascading dependent brand and model dropdowns Arborescence hiérarchique Marques & Modèles
POST /api/contact Dispatch customer inquiries linked to the active vehicle listing { nom, email, tel, message, vehiculeId }

4. Technical Performance Matrix

Mobile Component Technical Implementation User Advantage
Cross-Platform Engine Flutter 3.x + Dart Cross-Platform Engine Native Experience Peak fluidity and identical presentation across iPhone and Android devices
Asynchronous Data Stream HTTP Client + Asynchronous Stream Listeners Zero Freeze UI remains completely responsive during background network calls
Image Caching CachedNetworkImage + Lazy Disk Storage Data Savings Instant offline rendering of previously viewed vehicle listings
Native Phone Integration url_launcher (tel:, mailto:) Fast Conversion 1-tap phone calls directly to workshop staff without manual dialing

Explore the Mobile Codebase

Inspect the complete Flutter & Dart mobile application source code on GitHub.

View Flutter Code on GitHub ↗