DuelFit

• 

  Landing Page

• 

  Find Match

• 

  Register

• 

  Prepare for DUEL!

• 

  MainMenu

• 

  DUELTIME

• 

  VICTORY

Inspiration

Our own lack of physical activity during quarantine.

What it does

A platform for fitness enthusiasts to duel against one another at the comforts of their bedrooms! DuelFit allows the users to select a type of duel and workout and are then matched with another user of similar ability and physique. The duel commences as the app records the user performing the workout. The app sends the recording to the backend where an algorithm is performed on the clip to calculate the reps performed by taking into account the pixel value differences between frames. The player with more reps and calories burned, wins points and ultimately, the game.

How we built it

We used React for the front end and Tailwind.css for some speedy styling. We used firebase as our database. A Node server for our backend which also communicates with our python server which performs the algorithm,

Challenges we ran into

TIME. We had so many ideas and plans that we had to cut short due to timing and our inexperience. This was our first big web project!

Accomplishments that we're proud of

The most difficult part of our app was calculating the number of reps performed by the user's workout

What we learned

We learnt an immense amount of skills that helped us finish an entire webapp (with limited functionality, however). We managed to work for around 18 hours which allowed us to create an entirely functional website (which we didnt fully cover in the video demo due to time constraints but you can check out our repo). Now i am sure our projects in the future will not take much time at all. Most of us were complete beginners and learnt all the important skills needed to develop a full web app like version control, database management, styling and so much more.

What's next for DuelFit

We intend to add more exercises - it only supports jumping jacks and squats right now. We also intend to add a currency system for the points that will be able to redeem their points for real world prizes

Built With

• express.js
• firebase
• node.js
• python
• react
• tailwind