Personal Trainer Client Tracking App
Log sessions, track body composition, chart strength progress, and compare before/after photos — 100% in your browser, no account, no server.
🏋️
Select a client from the list to view their profile, or add a new one.
How it works
This personal trainer client tracking app runs entirely in your browser using IndexedDB for persistent local storage — no account, no server, no subscription. Your clients' data never leaves your device.
Session Logging
Record the date, duration, session type, body composition metrics, and every exercise with sets × reps × weight.
Progress Charts
Chart.js line charts show body weight, body fat %, and max weight lifted per exercise over all logged sessions.
Photo Comparison
Load a before and after photo from your device. A draggable slider reveals the after image in a split-screen view.
Print / PDF Export
Use the Print button to generate a client progress report as a PDF directly from your browser — no extra software.
Frequently asked questions
- Is my client data safe? Does it get sent to a server?
- No data is ever sent anywhere. This tool uses your browser's built-in IndexedDB storage, which keeps everything on your device. Photos are handled only in-memory using local File object URLs and are never uploaded. If you clear your browser data, you will lose your records, so use the Print/PDF export regularly as a backup.
- How do I track multiple exercises per session?
- In the Log Session tab, click + Add Exercise for each movement. Give each exercise a name (e.g. "Back Squat"), then click + Set to add rows for sets. Each row takes a weight (kg or lb) and reps count. You can add as many exercises and sets as you need. The strength progress chart will then plot the maximum weight lifted for each named exercise across all sessions.
- What body composition metrics can I track?
- Each session lets you record body weight (kg), body fat percentage, and optional muscle mass (kg). The Progress Charts tab shows separate time-series lines for body weight and body fat %. On the dashboard client card, you'll see the first-vs-latest delta so you can instantly see how much a client has changed since day one.
- How does the before/after photo slider work?
- Go to the Photo Compare tab and load a "before" image and an "after" image from your computer. A split-screen comparison appears immediately, with a draggable slider that reveals more or less of the "after" photo. Use the range slider below the image or drag directly on the comparison box. You can also export the split view as a PNG using the "Save as PNG" button — useful for sharing with clients.
- Can I print a client progress report?
- Yes. Navigate to the Progress Charts tab, select the client, then click Print / Save PDF. Your browser's print dialog opens — choose "Save as PDF" as the printer destination. The print stylesheet hides the navigation and controls, leaving a clean chart report. You can also print the Dashboard tab for a text summary of recent sessions.