Example Fitness Platform

A Strava-lite fitness tracker built with Next.js showing how to build high-retention consumer apps with Trophy.
Tutorial » Trophy »

View Demo · Report Bug · Request Feature

About The Project

This is a comprehensive example of a consumer fitness application (like Strava or Nike Run Club) powered by Trophy. It demonstrates how to handle multiple activity types, complex leaderboards, and a unified progression system.

Key Features:

• Multi-Sport Tracking: Log Runs, Rides, and Swims with specific attributes (Pace, Style).
• XP Normalization: A unified "Level" system that weights activities fairly (e.g., 1km Swim > 1km Cycle).
• Advanced Leaderboards: Switch between "Global" and "City" views to see local rankings.
• Activity Streaks: A daily consistency loop that rewards simply showing up.

(back to top)

Built With

• Next.js (App Router)
• Shadcn/UI & TailwindCSS
• Lucide Icons
• Trophy for the gamification engine

(back to top)

Getting Started

Prerequisites

To use the gamification features, you'll need a Trophy account.

1. Create an Account: Sign up at Trophy.so.
2. Get your API Key: Copy it from the Developer Settings.
3. Configure Environment:

cp .env.example .env.local

TROPHY_API_KEY='Your API key'

Install & Run

npm install
npm run dev

(back to top)

Contributing

Contributions are what make the open source community such an amazing place to learn, inspire, and create. Any contributions you make are greatly appreciated.

1. Fork the Project
2. Create your Feature Branch (git checkout -b feature/AmazingFeature)
3. Commit your Changes (git commit -m 'Add some AmazingFeature')
4. Push to the Branch (git push origin feature/AmazingFeature)
5. Open a Pull Request

(back to top)

License

See LICENSE for more information.

(back to top)

Contact

Trophy - hello@trophy.so

Project Link: https://github.com/trophyso/example-fitness-platform

(back to top)