Skip to content
vuslatsarchiveAll Work
Case study 01 · 2025 — 26

SwivX — Posture Training

SwivX Fitness, premium subscriptions and the admin panel for a patented Bluetooth posture device that clips onto your phone with MagSafe. Live on the App Store and Google Play.

Role
  • Mobile & Admin Panel
  • Frontend & Product
Timeline
Dec 2025 — Apr 2026
Stack
  • React Native
  • TypeScript
  • Firebase
  • RevenueCat
  • Next.js
  • Tailwind CSS
SwivX Active Analysis screen showing a neck illustration and a 46 degree angle, next to the SwivX device
SwivX Training Progress screen with a 7-day neck and back stress chart and a 24-hour target progress pie chart
SwivX Fitness Select Body Region screen for building a custom exercise program

The Product

SwivX is a patented Bluetooth posture device from SwivX LLC. It attaches to the back of a phone, tablet or gaming device with MagSafe — nothing is strapped to your body — and gives a discreet vibration whenever your viewing angle drops below the position you set. The app has been live on the App Store since April 2025 and is on Google Play as well.

My Role

From December 2025 to April 2026 I worked on the mobile app and the admin panel. The device, its electronics and the core posture tracking were already in place, built by other teams. My part: the new SwivX Fitness experience in the app, premium subscriptions with RevenueCat, and a new admin panel to manage the exercise content behind it.

/ the flow

From Tech Neck to Better Posture

The journey the app is built around — from the problem to a daily habit. Step 08, SwivX Fitness, is the part I built.

  1. The Problem: Tech Neck

    Looking down at a phone adds weight on the neck. SwivX turns that same phone into the fix.
  2. One Device, Two Modes

    MagSafe on the phone as a Tech Neck Guard, or on a harness for full back posture.
  3. Find Your Angle

    The Angle Finder sets your posture in seconds — tilt to your best viewing position.
  4. Capture It

    Active Analysis guides you to hold the phone at chin level, then saves that angle as your target.
  5. Live Feedback

    A discreet vibration when the angle drops, plus real-time results and analytics.
  6. Any Orientation

    The app switches between portrait and landscape automatically.
  7. See Your Progress

    Neck/back stress over the last 7 days and target progress for the last 24 hours.
  8. built by me

    Train with SwivX Fitness

    Pick a body region, build home or gym programs from the animated exercise library and share them with a friend.

Tap a screen to view it full size.

Shipping It

  • SwivX Fitness: exercise library with body-region selection, cardio and other regions, home and gym workout types, a random workout generator and Firebase-backed exercise CRUD.
  • Sharing: a shared-workout page, sharing workouts by email and remote sharing with a share limit.
  • Animated Previews: exercise video previews on Android, a scaling animation and full-screen preview.
  • Premium with RevenueCat: subscription integration with platform-specific keys, Basic and Premium plans, entitlement and product IDs matched to the RevenueCat dashboard, safe cache invalidation and premium status refreshed on screen focus.
  • Paywall & Access: premium-only sharing, share-access checks, and paywall fixes on both iOS and Android.
  • Admin Panel: Next.js + Tailwind from scratch, Firebase Auth with protected routes, exercise CRUD with categories, filters and pagination, drag-and-drop image and video uploads to Firebase Storage, toast notifications.
  • Polish & Stability: keyboard handling and auto-scroll in the exercise library, useMemo/useCallback performance work, safe-area insets, and a Firebase crash fix by pinning react-native-screens and react-native-svg.

What I Built

SwivX Fitness

Exercise library with body-region selection (plus cardio and other regions), home and gym workout types, a random workout generator, animated video previews, exercise CRUD and shared workouts — on Firebase.

Premium & Paywall

RevenueCat subscriptions (Basic and Premium) with platform-specific keys, entitlement checks, premium-only sharing and paywall fixes for iOS and Android.

Admin Panel

Built from scratch with Next.js and Tailwind: Firebase Auth with protected routes, exercise CRUD with categories, filters and pagination, and drag-and-drop image and video uploads to Firebase Storage.
/ outcome

What Changed

SwivX Fitness shipped in the app's latest release — people can now create their own exercises and build routines — on top of subscriptions and a content panel the team can run on its own.

/ learned

What I Learned

Working with a global client across time zones taught me to communicate asynchronously and clearly — short updates, small PRs, decisions written down. Owning the app, the paywall and the admin panel together made me think full stack and product-first: every exercise added in the panel had to feel right in someone’s hand.

Next ProjectHealth by Hannah — Coach Web