GoBeyond

We wanted to make staying fit feel fun and rewarding, especially for people who struggle to stay motivated. We were inspired by games like Candy Crush — where each level unlocks new challenges and rewards. Our idea was to bring that same “level-up” excitement to fitness, so users feel like they’re progressing in a game while improving their health.

GoBeyond is a simple, interactive fitness app that lets users: • Complete daily challenges to earn points • Level up as they collect more points • Unlock real-life rewards like gift cards for home fitness gear (dumbbells, mats, and resistance bands) • Automatically save progress using both localStorage and an optional database It makes fitness tracking motivating and gamified — users can “play” their way to a healthier lifestyle.

We built GoBeyond using: • React + TypeScript for the app interface • Tailwind CSS for a clean, colorful design • Replit for easy collaboration and live testing • localStorage (and optional database connection) for saving user progress • Gamification logic for level-ups and reward milestones

As first-time hackathon participants, our biggest challenges were: • Learning how to connect front-end logic with persistent data • Handling user progress saving and syncing between localStorage and a database • Managing React’s state for tracking levels and rewards without breaking the UI • Keeping transitions and updates smooth while adding new features The app runs entirely in the browser, making it beginner-friendly and accessible on any device.

We faced a few crashes and errors during testing — but we learned to debug, test carefully, and simplify our code. Building a fully functional fitness app from scratch with minimal prior coding experience • Implementing gamification (level-ups and rewards) that actually work • Creating a clean and visually appealing UI using Tailwind • Making the app persistent so users don’t lose their progress after refreshing • Submitting our first project as a team

How front-end and back-end connect through APIs • How to use React hooks like useState and useEffect • How to store and retrieve data using localStorage • How to debug efficiently in Replit • The importance of teamwork, planning, and keeping code simple

Most importantly, we learned that even beginners can build something meaningful and fun in 24 hours!

A mobile-friendly version • Personalized workout recommendations • A step tracker integration (using phone sensors) • A reward redemption system that connects to real stores or sponsors • A community leaderboard to encourage friendly competition

Our vision is to make GoBeyond a platform that helps people stay consistent, celebrate small wins, and truly enjoy their fitness journey.