Burn it, Then earn it!

Inspiration

We wanted to embrace the Mashup Mania theme by combining two things that normally oppose each other: burning calories through workouts and then putting them right back on with food. Most fitness tools help you lose weight, but we thought it would be fun (and surprisingly useful) to mash up losing calories with gaining them right back in one cheeky web application.

What it does

You log a workout say, a 5km run and our app calculates how many calories you burned. Then we flip the script and serve you delicious meal options that match those calories, so you can “earn back” the energy you just lost. It’s fitness meets food in one click.

How we built it

Frontend: Next.js (JavaScript) + TailwindCSS
APIs:
- Calorie Calculator: NinjaAPI
- Recipe Calorie Searcher: FatSecret API
Deployment: Hosted on Vercel
UI: AceternityUI, HeroUI and Shadcn

Challenges

Our initial idea was to implement the NinjaAPI activity options directly into a auto complete search, however we ran into the issue of being rate limited. This caused us to be unable to fully disable a search bar without a proper user input due to the large selection of options. We solved this issue by adding a initial input, that later had a drop down menu with more limited options based on the initial input. Another issue we ran into was finding a API that was free and fit our needs. We problem solved this issue through extensive research and by narrowing our websites scope.