Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/mirokeimioniemi/vital-app

Vital is an app that integrates exercise into already existing popular videogame platforms to encourage the youth to embrace a more physical lifestyle with the help of wearables. Vital allows you to create and import avatars, which you can level up and use in popular videogames or to compete against your friends.
https://github.com/mirokeimioniemi/vital-app

activity exercise fitness fitness-app hackathon hackathon-project junction junction2023 lifestyle proof-of-concept react roblox sports wearable webapp youth

Last synced: 2 days ago
JSON representation

Vital is an app that integrates exercise into already existing popular videogame platforms to encourage the youth to embrace a more physical lifestyle with the help of wearables. Vital allows you to create and import avatars, which you can level up and use in popular videogames or to compete against your friends.

Awesome Lists containing this project

README 

        
# Vital App - Junction 2023 Huawei Challenge



## Introduction



The issue with most attempts at gamifying exercise is that they stop working when people get bored of the gameplay. And still, many popular videogames are often very repetitive as well. Vital puts the game first by enabling you to play already established platform games such as Roblox in a whole new way, where the grind in front of a screen is replaced by real exercise. Different types of exercise will improve different attributes of your avatar, allowing you to always return to the game with a stronger, leveled up character simultaneously improving your physical health as well as gameplay. Vital caters for older audiences as well in the form of competing against your past self as well as against your friends' avatars. 



#### Web Application



The web application is currently deployed at [https://vital-app.onrender.com/](https://vital-app.onrender.com/).



#### Roblox Game



The proof of concept Roblox game can be played at [https://www.roblox.com/games/15318754057/Roblox-Fitness-Game](https://www.roblox.com/games/15318754057/Roblox-Fitness-Game).



#### Pitch



The pitch and demo video can be viewed at [https://www.youtube.com/watch?v=wKWXetPiuR8](https://www.youtube.com/watch?v=wKWXetPiuR8).



## Vital App



The general idea of the application is to provide a customizable digital avatar characterized by certain attributes that can be improved by consistent and balanced physical activity and healthier lifestyle in general. By default, it displays a Bitmoji avatar with an estimated increase in life expectancy calculated based on the user's health data from their smart watch, while quantifying the work done to get there by summarizing the cumulative steps, cumulative exercise time, maximum recorded running speed, and latest BMI value. This is the default screen, where swiping left will reveal the user's friends' avatars for interpersonal competition and swiping right will reveal the user's other avatars.



This is done in order to appeal especially to the younger audience, who can add a customizable Roblox character that is displayed with a character level and attributes such as speed, strength, health, and jumping height. These characteristics are directly derived from the health data and modify the appearance of the avatar in-app as well as in-game in real-time. Similar attributes can be calculated for characters from other games and thus the application can easily be extended to other popular platform games such as Minecraft and Fortnite or even into new frontiers with continuous role playing games. This is important especially among the youth since latest trends change fast and the goal is to keep them engaged for at least enough time to build habits around healthier and more active lifestyle.



In the future, the idea would be to make the API accessible to game developers so the application can be integrated with new games. Also the proposed designs for connecting with friends, viewing statistics, and sharing them for example over social media would be implemented.



Vital App UI



## Architecture



Vital consists of a web application, an API and a custom Roblox game as proof of concept for the integration. The API is responsible for obtaining and processing the data from the smart watch, which will be displayed by the app in the form of life expectancy increase, level and attributes of the avatars. The custom Roblox game receives the values for the avatar attributes and updates the player character accordingly by increasing its speed, jump height and size. The web app is built with React, the API with Python and the custom Roblox game with LUA in Roblox studio.



Vital App architecture



The web application currently has a week indicator and forward button at the bottom right corner, which can be used to simulate the passing of weeks (up to 5) and associated improvement of attributes in an accelerated manner to view how the attributes, life expectancy and level increase with sustained effort over a period of four weeks.



## Running Locally



The Vital app can be run locally following these steps:



1. install dependencies with command ```npm install```

2. run app with command ```npm start```



Also consider that the API for the calculations is likely going to be taken down at some point so you should host it yourself and modify the calls accrodingly. You can use the Roblox code to run the game in Roblox Studio.