Pokefit

Logo
Login Page
Profile Page
Purchasing Packs
Opening Packs
Card Reveal
Collections Page
Settings Page

Inspiration

A fusion of Pokémon TCG Pocket and Pokémon GO — turning real-world fitness into collectible fun!

Pokémon GO made walking worth it. TCG Pocket gave us the dopamine hit of opening rare cards with wonderful art. We wanted to combine both worlds by transforming every step into a moment of excitement. PokéFit motivates people to stay active by rewarding real-world movement with digital Pokémon card packs.

What it does

Inspired by Pokémon GO’s active lifestyle design and TCG Pocket’s digital card-opening excitement, PokéFit lets users earn points from their physical activity (like steps) and spend those points to open virtual Pokémon card packs.

How we built it

We built PokéFit using React Native and Expo for a cross-platform mobile experience, powered by TypeScript for type safety and scalability. Our backend runs on Node.js with Express, while Supabase handles both authentication and database management through its PostgreSQL foundation and RLS (Row-Level Security) for user-specific data protection. The Pokémon card data is fetched dynamically from the Pokémon TCG API, and routing within the app is handled through Expo Router, ensuring smooth navigation and state management across views.

Challenges we ran into

One of our main goals was to integrate Apple HealthKit to automatically import real-world step data, but due to time constraints, we weren’t able to implement it in the current build. We also ran into issues with several packages that either weren’t compatible with Expo or required complex native module (e.g. requiring us to make a custom dev build instead of Expo) that were beyond our hackathon timeline. These limitations required us to change our design plans so we could still have a minimum viable product, so for now, users manually enter their steps into the system.

Accomplishments that we're proud of

This was our team’s first experience with mobile development! Even though we didn't hit everything we wanted to do, we successfully created a solid foundation for a system that turns real-world movement into collectible Pokémon cards, which is something we all found both nostalgic and motivating. The fact that we built what we did in such a short time was a huge accomplishment for all of us.

What we learned

With all that said, we learned firsthand how challenging mobile development can be. Handling different screen sizes and layouts across iOS and Android to navigate platform-specific limitations caused us to consistently adapt and change what we had planned. This project also gave us a deeper appreciation for responsive design, state management, and the nuances of building user experiences that feel consistent across devices.

What's next for Pokefit

Our next steps include expanding beyond the Scarlet & Violet 151 set to include more Pokémon packs, adding animations and visual effects to make pack openings even more exciting, and fully implementing Apple HealthKit integration for automatic step tracking. For the long term, we also hope to introduce badges, daily challenges, and social features to make PokéFit an even more engaging fitness companion.