iChamp

iChamp — bieganie i chód sportowy

Klient

Klient miał jasno określony cel i wizję rozwoju aplikacji iChamp. Głównym powodem opracowania tej aplikacji było zapewnienie użytkownikom potężnego narzędzia do śledzenia fitnessu i motywacji.

Klient chciał stworzyć platformę, która mogłaby bezproblemowo odbierać dane z czujników w urządzeniach mobilnych i przekształcać je w znaczące informacje, takie jak 'kroki i dystans'.

Ekran aplikacji mobilnej iChamp 1 Ekran aplikacji mobilnej iChamp 2 Ekran aplikacji mobilnej iChamp 3

Koncept

iChamp - mobilna aplikacja do organizacji zawodów w biegach i chodzie sportowym.

Celem rozwoju aplikacji iChamp było stworzenie kompleksowego rozwiązania do śledzenia fitnessu, które wykorzystywało czujniki w urządzeniach mobilnych, oferowało zaawansowane możliwości przetwarzania danych i zapewniało płynne doświadczenia użytkownika na różnych platformach.

Ekran aplikacji mobilnej iChamp 4 Ekran aplikacji mobilnej iChamp 5 Ekran aplikacji mobilnej iChamp 6

Zalety

  • 👟 Śledź kroki i dystans za pomocą czujników urządzenia mobilnego.
  • 🏃 Bierz udział w wyzwaniach biegowych i chodzie sportowym.
  • 📱 Korzystaj z aplikacji na Androidzie i iOS, także śledząc aktywność przy zablokowanym ekranie.

Technologie

Projekt łączy aplikację na Androida i iOS, internetowy panel administracyjny oraz osobne API do uwierzytelniania, administracji i danych aktywności.

  • Aplikacja mobilna: React Native, React i TypeScript oraz Redux Toolkit i RTK Query do zarządzania stanem i dostępu do API.
  • Śledzenie aktywności: czujniki urządzenia mobilnego, integracje z Apple HealthKit i Google Fit oraz usługi aktywności w tle.
  • Panel administracyjny: React, JavaScript, Vite i Tailwind CSS oraz Redux Toolkit i RTK Query.
  • Backend: PHP, Symfony i API Platform z Doctrine ORM w API uwierzytelniania, administracji i danych.
  • Dane aktywności: MongoDB i Doctrine MongoDB ODM przechowują zapisy aktywności i dzienne podsumowania.
React Native React TypeScript JavaScript PHP Symfony MongoDB

Wynik

Zaimplementowaliśmy drugą wersję aplikacji z możliwością odbierania danych z czujników urządzeń mobilnych i konwertowania tych danych na 'kroki i dystans'. Przemyślana została zaawansowana architektura przyjmująca i przetwarzająca duże ilości danych.

Aplikacja została opracowana dla systemów Android i iOS. Oprócz działania podczas aktywnej sesji, iChamp działało również na ekranie blokady.

Ekran aplikacji mobilnej iChamp 7 Ekran aplikacji mobilnej iChamp 8 Ekran aplikacji mobilnej iChamp 9

Istniejące ekrany produktu zawierają przykładowe imiona, liczby i teksty zastępcze.

Tworzenie aplikacji sportowych i do śledzenia aktywności: iChamp

Mobilne narzędzia do biegania, chodu sportowego i śledzenia aktywności.

Bieganie, chód sportowy i aktywność

iChamp koncentruje się na bieganiu, chodzie sportowym i śledzeniu aktywności. Aplikacja sportowa powinna ułatwiać rozpoczęcie głównej czynności i powrót do jej wyników. Ekrany projektu przedstawiają przykład produktu mobilnego z tej dziedziny.

Określanie aplikacji sportowej

Opisz aktywności i informacje potrzebne przed sesją, w jej trakcie oraz po zakończeniu. Ustal rolę historii aktywności i używanych urządzeń. Dzięki temu można omówić konkretne scenariusze zamiast ogólnego zestawu funkcji.