Мобильное приложение для тренировок на 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.
В целом, задание было реализовано не только согласно пожеланиям клиента, но и доработано технически. Специалисты Webnauts всегда качественно выполняют свою работу и готовы браться за самые сложные и интересные проекты.
Завдання
Замовник звернувся до спеціалістів 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.
Комментарии