Meeti Me - aplikacja mobilna
Aplikacja mobilna Meeti Me jest skierowana wyłącznie do klientów końcowych i korzysta z tego samego API co platforma webowa. Klient znajduje specjalistę w pobliżu, przechodzi czterokrokową rezerwację, dostaje powiadomienie push o potwierdzeniu, a po wizycie może wystawić opinię. Osobny ekran „Moje miejsca” pokazuje karty klienta w firmach, w których był - z historią wizyt i wpisami od firmy.
Zobacz produkt w działaniu
Interaktywna makieta kluczowych ekranów. Kliknij zakładki, żeby przełączać widoki, albo otwórz pełny ekran.
Co dokładnie zbudowaliśmy
Pełna lista funkcji oddanych w tym wdrożeniu, pogrupowana modułami.
Wyszukiwanie i rezerwacja
- Ekran główny z lokalami w pobliżu i najwyżej ocenianymi
- Wyszukiwarka z filtrami i kategoriami usług
- Karta lokalu: usługi, specjaliści, opinie, godziny otwarcia
- Czterokrokowa rezerwacja: usługa → specjalista → termin → potwierdzenie
- Wybór „dowolny specjalista”, sesje grupowe z liczbą wolnych miejsc
- Rezerwacja jako gość, bez zakładania konta
Wizyty i historia
- Zakładki „Nadchodzące” i „Minione” ze statusami wizyt
- Anulowanie, przekładanie terminu i ponowna rezerwacja
- Wystawianie opinii ze zdjęciami po wizycie
- „Moje miejsca”: karty klienta w firmach, historia wizyt i wpisy od firmy
- Raport z wizyty udostępniony przez firmę
Konto i ustawienia
- Logowanie, rejestracja i odzyskiwanie hasła
- Ulubione lokale i moje opinie
- Centrum powiadomień i przełączniki kanałów
- Wybór języka i regionu, dokumenty prawne per region
- Wsparcie w aplikacji
1Wyzwanie
Aplikacja musiała działać w czterech językach i czterech regionach, bezpiecznie trzymać tokeny logowania i pozostać w pełni dostępna - przy zachowaniu spójności z webowym design systemem, który powstał wcześniej.
2Rozwiązanie
React Native na Expo SDK 54 z nową architekturą. Stan serwera na TanStack Query, stan aplikacji na trzech magazynach Zustand (auth, rezerwacja, lokalizacja). Tokeny w expo-secure-store (Keychain / Keystore) z pojedynczym odświeżaniem w interceptorze axios. Tokeny designu przeniesione jeden do jednego z webowego design systemu do `theme/tokens.ts`, bez wartości wpisywanych na sztywno. Każdy przycisk z samą ikoną ma tłumaczoną etykietę dostępności, a test automatyczny pilnuje kompletności czterech słowników.
3Rezultaty
- 21 ekranów i 4 zakładki nawigacji dolnej
- 4 języki (UA / EN / PL / FR) z automatycznym testem parzystości słowników
- Powiadomienia push, geolokalizacja i wybór zdjęć z galerii
- Tokeny logowania w Keychain / Keystore, odświeżanie w interceptorze
- Dostępność wymuszona w kodzie: etykiety a11y przy każdej ikonie, cele dotykowe ≥ 44 pt
- Buildy i publikacja przez EAS Build / Submit
Klient
Meeti Me (meeti.me)
Usługi
- Projekt UI aplikacji natywnej
- Aplikacja React Native (Expo)
- Powiadomienia push i geolokalizacja
- Bezpieczne przechowywanie tokenów
- Dostępność (a11y) i wielojęzyczność
- Buildy i publikacja przez EAS
Technologie
Galeria projektu
Następny projekt