PixelGym

• 

• 

  Welcome Screen

• 

• 

  Selection Screen

• 

• 

  Character Screen

• 

  Workout Timer

Inspiration

We wanted to make an application that would provide an easy and free way to motivate people to exercise and stay healthy. Our solution was to turn the process of working out through weightlifting into an RPG, where your stats and level correlate to your fitness progress.

What it does

The user starts up the app by choosing which muscles they want to focus on, and how many days in a week they can commit. The app will then create a program for them with these preferences in mind. The user is then taken to a screen that shows their character, with their XP and level. The player gains XP every time a workout is completed, and they level up by getting more XP. There is also a daily streak that will multiply how much XP is earned. The app contains a timer that starts when you begin your workout. The timer will display motivating messages to you, and once the workout is completed, the XP will automatically be calculated based on the duration of the timer.

How we built it

We used React Native so we could build the app for both iOS and Android using the same code. Each person on the team worked on one or multiple screens at a time, and we used Git to manage the changes.

Challenges we ran into

This was the first time using React Native for most of our members, so we had to learn it while building the app. Because of this, we ran into many errors that took multiple hours to solve while working on our screens. We also originally planned to use Machine Learning to generate the workout routines, but found out that we would have to either create and train our own model (which would take too long) or use a model like davinci-003, which costs money to use. Instead, we decided to generate the workout routines without using AI.

Accomplishments that we're proud of

We are proud of all the screens we finished and of the fact that all of our code works and functions properly, and how well the UI turned out. We accomplished what we set out to do in the planning stages, and plan to add more features and functionality as we progress.

What we learned

We learned a lot about React Native and JavaScript, and about the software development process in general, and how to effectively work as a team by delegating tasks. We also learned git commands and how to use branches and commit/push/pull. We also learned basic UI design to make the app look aesthetically pleasing while sticking to the 8-bit theme.

What's next for PixelGym

Our primary next step would be to replace the placeholder assets we used with our own custom sprites. We plan to expand the capabilities of the app and add more features, such as more exercises and routines, improving the timer, etc. We also want to implement non-weightlifting workouts like cardio or calisthenics. We also want to implement character customization, an in-game currency that you can earn through exercise, and an item shop to buy clothing for your character using the currency.

Built With

• expo.io
• javascript
• react-native