BeatHero

Boss Fight
Upgrade Shop
point redemption store

Inspiration

During Bom's childhood, he was addicted to Tap Titans; an extremely addictive monster-killing mobile game. As we explored avenues of problems, we realized a crucial problem globally is the lack of gym motivation people have. We now set our adventure to find an innovative solution to this problem.

What it does

BeatHero is a mobile game app where users damage monsters based on their heart rate and is meant to be running in the background while one is gyming. The heartbeat monitoring is entirely done by syncing the app with an Apple watch or other type of watch with Bluetooth. The game is very progressive and the character can be upgraded to have enhanced perks. With every monster kill, users gain gold which can be exchanged for various IRL rewards which gives a huge incentive for users to work out to boost their heart rate in order to kill monsters extremely efficiently and gain more rewards. Our primary goal is to transform the way people perceive and engage with fitness. By infusing excitement and entertainment into the workout.

Challenges we ran into

Having to build an app in an extremely short period of time is almost impossible. We are glad we are able to deliver a product on time.

Accomplishments that we're proud of

In only 24 hours (including sleep), we managed to create a ready-made app that has high potential for scalability and impact on fitness enthusiast.

What we learned

Working with people with various different skills, we learnt to collaborate with people that has different skills and specialization in order to create a final product that we believe could innovate the fitness industry.

What's next for BeatHero

BeatHero aims to continue to innovate in hopes of one day making this app a reality and allows exercise to be fun and accessible to all.

Built With

bingimagecreator
lucide.dev
scss
sveltekit
tailwindcss

Submitted to

Created by

I work in slide editing and some idea part as well. This is my first hackathon and Bill Huang coded it well. We built this project in 24 hours. It was a long day!

It was best experience in build project in less than 24 hours. Thanks to our teammates with very supportive through this journey. And we will continue building this Best Hero.

shashank poola
a full stack/web3 developer, experienced in building production level web app.
I was the Project Manager for this project which was quite stressful as we needed to ensure the deliverables were ready on time. Additionally, I built the pitch deck and pitched in the video.

This is my first hackathon involving actual code and its a great experience to see what coding with only 24 hours can actually create.

Ardchavit Pattanapaisal
We all came up with the project idea together, and I was the one to do all the coding to actually implement it.

I initially proposed that we use Svelte (instead of reaching for NextJS/React, which is what I'm more comfortable with) for its ease of use for someone who only knows vanilla HTML/CSS/JS in order to accomodate a teammate, but I ended up being the one to do all the coding anyway ¯\_(ツ)_/¯.

In any case, I really enjoyed using Svelte and SvelteKit. It feels more straightforward than React in many ways and requires less boilerplate with `useState()` and the like. Although it's not what I'm used to, Svelte was genuinely a joy to use.

This was my first time building anything in Svelte (I had been researching it in the past few days). It may have proven a slightly foolish decision to build the project with a framework I have no experience in ― I simply ran out of time to implement some features, such as the shop page, the boss fights, and maybe saving to a database or local storage.

Despite all that though, I learned a lot, and I will definitely use Svelte for projects in the future.

Bill Huang

Updates

Ardchavit Pattanapaisal started this project — Aug 26, 2023 04:43 AM EDT

Leave feedback in the comments!

Log in or sign up for Devpost to join the conversation.