Because the best part of working out is telling the world about it.

It was actually quiet easy to build, the hard part was deciding what app “story” to share to others. 2 scenarios people might want to do:

1. Sharing for social proof. “Look at me, I did something cool”.
2. Sharing to learn. “Please tell me what I’m doing wrong”.

#2 is hard because it means building the whole flow for capturing and editing video. An app that generates content is an entirely different beast but ultimately I want Shadowtrainer to be a learning tool.

#1 is easy because social sharing is a common app behaviour so of course there are libraries for it.

The logic is super simple: create the shareable card as a View, react-native-view-shot takes a screenshot of that View, react-native-share abstracts all the app sharing complexity.

What to share

I decided to do a simple workout summary for now. Based on what I’m seeing on Tiktok and Instagram, boxers like to share their shadow session break downs.

I also wanted to add some interactive elements. Maybe you want to highlight a specific round:

Here’s what mine looks like:

I’ll need to spend a bit more time to make this look good and explore other shareable stories. But otherwise it’s all public yo.

Other stuff

I also did some minor modifications on the Calendar including making the dates clickable. Some of the more annoying buttons to tap were also given more hitslop.

These are all in v1.2.0, available in the app store now.