MS-M
  • React Native
  • WordPress REST API
  • Mobile App
  • Gamifikacja
  • Backend

Aplikacja mobilna, która zamieniła pracę terenową w grę

Klient zarządzał rozproszonymi zespołami terenowymi i potrzebował narzędzia, które jednocześnie organizuje pracę, angażuje ludzi i daje mu pełny wgląd w to, co dzieje się w terenie. Zaprojektowałem i zbudowałem aplikację mobilną na iOS i Android z backendem opartym na WordPress i REST API. System łączył w sobie zadania z lokalizacją, quizy, artykuły, zdobywanie punktów i wymianę na nagrody – wszystko dopasowane do roli i pozycji każdego użytkownika w strukturze.

  • iOS + Androidjedna baza koduReact Native – jedno rozwiązanie na obie platformy
  • 5typów użytkownikówod członka grupy po administratora systemu
  • REST APIintegracja z WordPresswłasne endpointy, logika biznesowa po stronie serwera
  • TestFlight + Google Playotwarte testyaplikacja przetestowana przez realnych użytkowników

Rozproszony zespół bez narzędzia, które naprawdę działa

Zarządzanie zespołami terenowymi to trudny problem logistyczny. Klient miał ludzi rozsianych po różnych regionach, każdy z innymi obowiązkami i innym poziomem dostępu do informacji. Komunikacja odbywała się przez Messenger i maile, zadania gubiły się w wątkach, a weryfikacja tego co rzeczywiście zostało zrobione – była praktycznie niemożliwa.

Do tego brakowało motywacji do regularnego zaangażowania. Klient chciał, żeby wykonywanie zadań, czytanie materiałów i uczestnictwo w quizach było dla zespołu czymś więcej niż obowiązkiem – miało być naturalne i wciągające. Potrzebne było narzędzie, które to połączy w jednym miejscu i da realne dane o aktywności w terenie.

Co zbudowałem i dlaczego to działa

  1. Backend w WordPress z własnym REST API

    Zamiast budować backend od zera, oparłem system na WordPress – dojrzałej i elastycznej platformie, którą klient mógł samodzielnie administrować. Rozbudowałem ją o własne endpointy REST API obsługujące całą logikę aplikacji: zadania, punkty, nagrody, grupy, role użytkowników i dane lokalizacyjne. Dzięki temu panel administracyjny był gotowy od razu, a ja skupiłem się na tym, co wymagało niestandardowej pracy.

    Backend w WordPress z własnym REST API
  2. Aplikacja mobilna na iOS i Android – jedna baza kodu

    Aplikację zbudowałem w React Native, co pozwoliło na jednoczesne wydanie na obu platformach bez dublowania pracy. Interfejs był zaprojektowany z myślą o użytkowniku terenowym – szybki dostęp do zadań, czytelne listy, natychmiastowe powiadomienia o nowych aktywnościach. Całość komunikowała się z backendem przez REST API z autoryzacją tokenową.

    Aplikacja mobilna na iOS i Android – jedna baza kodu
  3. System ról i uprawnień dopasowany do struktury organizacji

    Struktura aplikacji odzwierciedlała hierarchię klienta: zwykły członek grupy, lider grupy, osoba odpowiedzialna za region i administrator systemu. Każda rola miała inny zestaw zadań do wykonania, inne obowiązki i inny widok w aplikacji. Lider widział aktywność swojego zespołu, regionalny menadżer – swój region. Dostęp do danych był precyzyjnie kontrolowany po stronie API.

    System ról i uprawnień dopasowany do struktury organizacji
  4. Gamifikacja – punkty, nagrody, rankingi

    Centralną mechaniką angażującą był system punktowy. Użytkownicy zdobywali punkty za wykonywanie zadań, wypełnianie quizów, czytanie artykułów i aktywność w aplikacji. Zebrane punkty można było wymieniać na nagrody zarządzane przez administratora. Ta prosta mechanika sprawiła, że regularne korzystanie z aplikacji stało się czymś, do czego ludzie sami wracali.

    Gamifikacja – punkty, nagrody, rankingi
  5. Zadania z lokalizacją i weryfikacją zdjęciem

    Część zadań wymagała potwierdzenia obecności w konkretnym miejscu lub wykonania określonej czynności w terenie. Zaimplementowałem integrację z GPS oraz mechanizm przesyłania zdjęć do oceny przez przełożonego. To dało klientowi realny dowód wykonania zadania i wyeliminowało problem weryfikacji pracy w terenie.

    Zadania z lokalizacją i weryfikacją zdjęciem
  6. Quizy i artykuły jako narzędzie szkoleń

    Aplikacja pełniła też funkcję platformy szkoleniowej. Administratorzy mogli publikować artykuły i quizy, które trafiały do odpowiednich grup użytkowników. Ukończenie quizu lub przeczytanie artykułu nagradzane było punktami – co naturalnie zachęcało do konsumowania treści. Wyniki quizów były dostępne w panelu administratora.

    Quizy i artykuły jako narzędzie szkoleń
  7. Grupy, liderzy i zarządzanie całością z jednego miejsca

    System grupowy pozwalał na budowanie struktur hierarchicznych – grupy miały swoich liderów, liderzy podlegali regionom, regiony spięte były w jeden centralny panel. Administrator miał pełny obraz aktywności całej organizacji: kto co zrobił, kiedy, z jakiego miejsca i jak oceniono jego pracę.

    Grupy, liderzy i zarządzanie całością z jednego miejsca
  8. JWT, bezpieczeństwo i komunikacja z użytkownikami

    Autoryzacja w aplikacji opierała się na JWT – tokeny były odświeżane automatycznie, a każde żądanie do API weryfikowane po stronie serwera. System powiadomień push informował użytkowników o nowych zadaniach, wynikach quizów i nagrodach. Wrażliwe dane użytkowników były przechowywane zgodnie z zasadami bezpieczeństwa WordPress, a endpointy REST API zabezpieczone przed nieautoryzowanym dostępem i nadużyciami.

Projekt dostarczony, przetestowany, gotowy do skalowania

Aplikacja przeszła pełny cykl developmentu i została udostępniona testerom na obu platformach.

  • Aplikacja opublikowana w programie TestFlight (iOS) i otwartych testach Google Play (Android)
  • Działający system ról z 5 poziomami uprawnień i oddzielonymi widokami dla każdej roli
  • Integracja z lokalizacją i weryfikacja zadań terenowych przez zdjęcia
  • System punktowy i wymiana na nagrody z panelem zarządzania po stronie WordPress
  • Quizy i baza artykułów jako moduł szkoleń wewnętrznych
  • Backend oparty na WordPress – klient może samodzielnie zarządzać treściami bez pomocy developera

Technologie

  • React Native
  • WordPress
  • Custom REST API
  • PHP (Custom Modules)
  • JWT Authentication
  • Geolocation API
  • iOS (TestFlight)
  • Android (Google Play Open Testing)

Chcesz zacząć projekt?

Porozmawiajmy

Napisz do mnie