LeapCode

Title page
In game presentation
Alternative background designed for LeapCode

Inspiration

Most students, including us, spend over 90% of their day sitting down. We built a solution to help students take an active break to ensure they're physically engaged.

What it does

Arcade game that tracks your head to move the computer science student to dodge obstacles for productive breaks.

How we built it

The programs we used to make the project were - Aesprite and illustrator for the art design - PostgreSQL for the backend - Nextjs for the frontend - Figma for the UI/UX design

Challenges we ran into

We ran into an error with the dinosaur game obstacles coming too quickly however, we fixed that by introducing time delays. Also, this is our first time working with animating the game. Therefore, most of our debugging time is spent on the animation, but in the end, the animation works after multiple tries and errors. Another error, was with TensorFlow's facemesh model constantly flashing while the game was running. We fixed this by introducing a loading state with the help of CoPilot.

Accomplishments that we're proud of

Completing our application in the stipulated time as well as achieving our vision as intended with a streamlined design process.

What we learned

We learned how to plan and organize a project, by delegating tasks efficiently. We also constantly took advantage of Version Control of our project on Github to ensure there was no code conflicts! :)

What's next for LeapCode

For future features, we would implement
- A User login/database
- A pause function that would be activated by showing your palms
- and Variable difficulty settings
- A color-blindness setting for accessibility
- Another accessibility feature to allow users to interact with their arms if they have a disability