Мобільний додаток для тренувань на React Native
Завдання
Замовник звернувся до спеціалістів Webnauts за новим функціоналом мобільного додатку для спортсменів, які бажають завжди бути на зв’язку зі своїм тренером. Клієнт – фітнес-клуб, який надає послуги професійних тренерів, фітнес-програми та спортивний інвентар для тренувань.
На момент звернення до нашої компанії замовник вже мав початкову версію мобільного додатка. Основним його завданням була реєстрація чи авторизація користувачів, опис тренажерів та перелік вправ до кожного. Також був доступний календар із можливістю самостійного складання плану тренувань на тиждень із запропонованого списку вправ, відображення розташування фітнес-клубу та контактної інформації.
Однак замовнику не вистачало певного функціоналу:
- по-перше, клієнт хотів отримати продукт, що дозволяє переглядати різні вправи та за допомогою тренера формувати тренування на кожен день;
- по-друге — додати онлайн-чат між тренером та клієнтом залу;
- в-третьих — підключити оплату за тренування у додатку за допомогою Yookassa.
Нижче ми розповімо про те, яким продукт вийшов на виході, після кропіткої роботи наших програмістів.
Доробка мобільного додатку
Після початку роботи з початковим варіантом програми з’ясувалося, що обсяг робіт має бути більшим, ніж передбачалося спочатку.
Перша версія була виконана на React Native, але з використанням фреймворку Expo. Для створення онлайн-чату між тренером та клієнтом зали попереднім розробникам довелося повністю переписувати програму з React Native Expo на чистий React Native.
React Native — це кросплатформовий фреймворк з відкритим вихідним кодом для розробки нативних мобільних та настільних додатків на JavaScript та TypeScript. React Native підтримує такі платформи як Android, Android TV, iOS, macOS, Apple tvOS, Web, Windows та UWР, дозволяючи розробникам використовувати можливості бібліотеки React поза браузером для створення нативних програм, що мають повний доступ до системних API платформ.
Expo є набір інструментів, за допомогою якого можна написати додаток на React Native за лічені хвилини. Він включає готові інструменти, такі як конфігурації Android Studio/XCode, управління сертифікатами в Apple & Google і push-сповіщення та ін.
Зрештою, нашими програмістами було проведено таку низку робіт:
- Ретельно перероблено початкову версію додатку, оскільки в ній була величезна кількість багів.
- Переписано та реалізовано онлайн-чат за допомогою бібліотек Socket.io.
- Реалізовано оплату за допомогою Yookassa, мобільний додаток прив’язувався до цієї інтеграції за допомогою http запитів до api.
Результат роботи з додатком на React Native
- Весь функціонал мобільного додатка – добірка вправ, тренування, календар, продукція, онлайн-чат та оплата – працює швидко та ефективно.
- Спортсмени можуть бути на зв’язку зі своїм тренером. В онлайн-чаті, після кожного тренування, можна отримувати зворотний зв’язок на підставі суб’єктивного самопочуття та об’єктивних даних, знятих фітнес-трекерами, якщо вони використовуються. Вбудований у додаток месенджер дозволяє зручно та швидко спілкуватися з тренером у реальному часі.
- Доступна проста та швидка оплата послуг тренерів через платіжну систему Yookassa.