Wszystkie projektyAplikacja mobilna · Usługi

CutPoint — OneCut

Znajdź najbliższy salon, sprawdź kolejkę, kup strzyżenie z góry i pokaż kod QR na miejscu.

CutPoint — OneCut
Rola
Flutter Developer
Klient
TRVenture Holding — OneCut Sp. z o.o.
Okres
2024
Platforma
iOS · Android
01 / O PROJEKCIE

Co to jest?

OneCut to system dla sieci salonów fryzjerskich CutPoint, działających w modelu „bez rezerwacji” — klient przychodzi, dołącza do kolejki i jest obsługiwany przez pierwszego wolnego fryzjera. System obejmuje terminal w salonie, panel menedżera, backend i aplikację mobilną dla klientów.

Odpowiadałem za aplikację mobilną we Flutterze. Klient widzi na mapie salony w okolicy z adresem i średnim czasem obsługi, może kupić strzyżenie z wyprzedzeniem, a w salonie pokazuje kod QR, który realizuje usługę. W aplikacji jest też historia usług, wystawianie opinii i zarządzanie kontem.

Projekt powstawał w małym zespole: dwóch programistów — ja (aplikacja Flutter) i drugi developer (backend w Laravelu i terminal w Vue) — oraz supervisor, który prowadził specyfikację i roadmapę.

0Ekranów aplikacji
0+Linii kodu Dart
0Programistów w zespole
02 / FUNKCJE

Co zawiera

Najważniejsze moduły i funkcjonalności projektu.

01

Mapa salonów

Google Maps z lokalizacją użytkownika i znacznikami salonów, plus lista salonów z wyszukiwaniem po nazwie.

02

Zakup strzyżenia

Przedpłata usługi przez sklep online osadzony w aplikacji (WebView), powiązany z kontem klienta.

03

Kod QR w salonie

Każda opłacona usługa ma własny kod QR do pokazania w salonie; usługę można też udostępnić innej osobie.

04

Historia i opinie

Aktywne i zrealizowane usługi w jednym miejscu oraz ocena wizyty w gwiazdkach z komentarzem.

05

Konto użytkownika

Rejestracja z potwierdzeniem e-mail, logowanie (także przez Facebooka), odzyskiwanie hasła, edycja i usunięcie konta.

06

Onboarding

Splash screen i karuzela onboardingu wprowadzająca w zasady działania salonów CutPoint.

03 / TECHNOLOGIE

Z czego zbudowane

Stack technologiczny użyty w projekcie.

Mobile
FlutterDartProviderjson_serializable
Integracje
Google MapsFirebaseFacebook LoginWebViewQR (qr_flutter)
Sieć i dane
DiohttpREST APIflutter_secure_storageshared_preferences
Reszta systemu (zespół)
Laravel 10Vue 3ViteMySQL
05 / CZEGO SIĘ NAUCZYŁEM
  • —Samodzielne prowadzenie aplikacji mobilnej od inicjalizacji projektu po integrację z API.
  • —Praca na mapach i geolokalizacji w Flutterze.
  • —Współpraca z backendem w Laravelu i praca według specyfikacji supervisora.
Następny projektAuto Serwis Costa — Website