Help wanted: Allow user to share their completed workout as an image (social-ready)

Context
At the end of a workout, users might want to share their accomplishment.

Idea
Add a "Share your success" button at the end of each workout session in addition to "Go to my profile" Button When clicked, it generates a static social-friendly image with a motivational message and key data from the workout.

Example output (text to be improved)

Congrats for your workout on [date]!
You crushed your [muscle group(s)] with [X exercises].
Keep going!

The image can be generated client-side using html-to-image or a similar tool. This ensures it works without server-side rendering.

Goal

• Add a button like "Share my success" in the workout summary screen
• Generate a clean, well-designed image (social media ratio: 1:1 or 4:5)
• Include user-relevant data: date, muscles worked, number of exercises
• Include the logo of workout.cool
• Allow download or share via native OS share features (mobile focus)

Why it’s useful

• Boosts user motivation
• Adds a sense of accomplishment
• Drives user-generated promotion on Instagram, Twitter, etc.

Tech hints

• html-to-image is easy to implement with React
• Wrap the design in a hidden container, render it off-screen, and export it
• Test on both desktop and mobile

---

Interested in working on it?
Comment below and we’ll guide you through! Let’s build something fun and shareable