TFT Trait Tracker

Trait Tracker is a Next.js application that helps you find champion combinations that activate the Trait Tracker augment in Teamfight Tactics. It includes precomputed comps for TFT Set 14 and the Set 10 Revival so you can quickly filter and plan during a match.

Features

• Optimal compositions for Set 14 and Set 10 Revival
• Filter by bonus traits (emblems) and selected champions
• Toggle whole champion tiers on or off
• Compact or detailed view with optional trait list hiding
• Filters persist locally for fast reuse

Installation

Install dependencies with pnpm:

pnpm install

Environment Setup

Create a .env.local file in the project root with your MongoDB connection string:

MONGODB_URI=mongodb://localhost:27017/your-database

MONGODB_URI is required for the /api/comps endpoint that loads composition data.

Running Locally

Start the development server:

pnpm dev

Then open http://localhost:3000 in your browser.

Production Build

Create an optimized build and run it with:

pnpm build
pnpm start

The built application can be deployed to any Node.js hosting provider.