← Powrót do projektów Aplikacja mobilna · Motoryzacja

Aplikacja mobilna V. Parrot Garage

Aplikacja mobilna Flutter połączona z API V. Parrot Garage, umożliwiająca przeglądanie, filtrowanie i wyszukiwanie dostępnych pojazdów.

Aplikacja mobilna V. Parrot Garage
PROJEKT

Projekt

Aplikacja Dart i Flutter korzystająca z backendowego API Symfony garażu, z wyszukiwaniem pojazdów, zaawansowanymi filtrami, szczegółowymi kartami pojazdów, galeriami zdjęć i formularzem kontaktowym.

Architektura mobilna & Ekosystem Flutter

Wieloplatformowa aplikacja mobilna stworzona we Flutterze i języku Dart na systemy iOS i Android. Łączy się bezpośrednio z backendowym API REST platformy Symfony warsztatu Garage V. Parrot, zapewniając użytkownikom smartfonów szybkie i intuicyjne przeglądanie ofert aut używanych.

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

Jeden kod dla iOS & Android

Wysokowydajne tworzenie oprogramowania z natywnymi komponentami Material 3 i płynnymi animacjami w 60 FPS.

Konektor API REST Symfony

Asynchroniczna synchronizacja w czasie rzeczywistym z bazą aut i taksonomią marek.

Pozyskiwanie klientów na smartfonach

Bezpośrednie uruchamianie połączenia telefonicznego (tel:) oraz formularze zapytań powiązane z numerem referencyjnym auta.

1. Moduły funkcjonalne & UX

Zaprojektowana tak, aby przekształcać przeglądanie ofert w smartfonie w bezpośredni kontakt z warsztatem:

Dotykowe suwaki zakresu

Wygodne suwaki dotykowe do natychmiastowego ustawiania widełek Ceny, Przebiegu i Rocznika.

Karta auta & Karuzela zdjęć

Pełnoekranowa galeria z obsługą gestów przesuwania (swipe), powiększaniem zdjęć i pełną listą wyposażenia.

Zapytania ofertowe & Jazdy próbne

Natychmiastowe wysyłanie próśb o wycenę z automatycznym dołączeniem identyfikatora oglądanego auta.

Godziny otwarcia & Nawigacja GPS

Podgląd aktualnego grafiku pracy serwisu oraz bezpośrednie uruchomienie nawigacji do warsztatu.

2. Stos technologiczny & Inżynieria oprogramowania

  • Framework & Język: Flutter 3.x & Dart z natywną kompilacją ARM dla maksymalnej wydajności na iOS i Androidzie.
  • Warstwa sieciowa HTTP: Asynchroniczny klient HTTP z obsługą limitów czasu, deserializacją JSON i automatyczną obsługą błędów połączenia.
  • Zarządzanie stanem: Reaktywna architektura oddzielająca logikę biznesową od wizualnych komponentów interfejsu.
  • Pamięć podręczna obrazów: Inteligentne buforowanie miniaturek gwarantujące płynne działanie nawet przy słabym zasięgu sieci komórkowej.

3. Wykorzystywane endpointy API REST

Aplikacja mobilna pobiera i wysyła dane za pośrednictwem punktów JSON udostępnianych przez Symfony:

Method Endpoint URL Zastosowanie w aplikacji Przetwarzanie danych
GET /api/vehicules Ładowanie listy aut używanych z uwzględnieniem filtrów JSON Array (Desérialisation Dart Model)
GET /api/marques-modeles Generowanie zawartości powiązanych list wyboru marek i modeli Arborescence hiérarchique Marques & Modèles
POST /api/contact Przesyłanie wiadomości kontaktowej powiązanej z wybranym autem { nom, email, tel, message, vehiculeId }

4. Matryca wydajności technicznej

Komponent mobilny Implementacja techniczna Korzyść dla użytkownika
Silnik wieloplatformowy Flutter 3.x + Dart Cross-Platform Engine Natywna płynność Doskonała responsywność i identyczny wygląd na iPhone oraz urządzeniach z Androidem
Strumień asynchroniczny HTTP Client + Asynchronous Stream Listeners Brak zacięć Interfejs pozostaje w pełni responsywny w trakcie pobierania danych z sieci
Buforowanie grafiki CachedNetworkImage + Lazy Disk Storage Oszczędność danych Błyskawiczne wyświetlanie w trybie offline wcześniej oglądanych samochodów
Integracja telefoniczna url_launcher (tel:, mailto:) Szybki kontakt Połączenie z serwisem za pomocą 1 dotknięcia bez konieczności wpisywania numeru

Zobacz kod aplikacji mobilnej

Zapoznaj się z kompletnym kodem źródłowym aplikacji we Flutterze i Dart na GitHubie.

Zobacz kod Flutter na GitHubie ↗