Back to projects
Mar 18, 2026
2 min read

GoClub Step Tracker Rebuild

A personal UI study rebuilding GoClub's step tracking screen in React Native and Reanimated. The same screen, the same data -- with every transition and state that most teams leave static made to move.

What it was

A personal UI study. I took GoClub’s step tracking screen and rebuilt it in React Native and Reanimated to answer one question: how much of the gap between a good app and a great one comes down to the details most teams skip.

What I built

The step tracking screen with three specific changes:

Bar chart transitions that ease in on mount instead of popping into view. When data appears gradually it feels like it’s being revealed, not loaded.

An animated counter that ticks up to your actual step count on mount. A number that moves feels earned. A static number just sits there.

A D/W/M tab switch with a shared transition between chart types so daily, weekly, and monthly views feel connected rather than replaced.

The constraint

No new features. No redesign. Only what already exists in any tracking screen, built with intention instead of left static.

What it proved

The gap between an app that works and one that feels polished is almost never a feature gap. It’s an intention gap. These animations didn’t add functionality. They added trust. They made the data feel significant. They made the screen feel like it was built by someone who cared whether the user felt anything when they opened it.