How to vibe codeStrong

Prerequisites

• Node.jsfree

  Required to run Expo and React Native tooling.

• Expo CLI / EASfree

  For compiling and testing the mobile app on iOS and Android devices.

• GitHubfree

  Version control and repository hosting.

AI coding tools

• Cursor

  Ideal for iterative mobile UI design, Tailwind/NativeWind styling, and component refactoring.

• Claude Code

  Excellent for scaffolding local SQLite models, complex migration logic, and background sync state machines.

Build guide

1. 01Expo Project Scaffolding & Offline SQLite Setup

   Initialize a TypeScript Expo project with file-based routing and configure Expo SQLite for local-first storage.

   Create a new Expo React Native project using TypeScript and expo-router. Install expo-sqlite and set up a local database initialization layer. Create tables for exercises, routines, routine_exercises, workouts, workout_sets, and personal_records with proper foreign key constraints and indexes. Write a migration utility that runs on app boot to ensure local schema consistency. Implement a repository pattern in TypeScript to handle CRUD operations for exercises and workouts entirely offline. Ensure all queries execute synchronously or asynchronously without blocking the UI thread.

   ⧉copy promptopen in Claude CodeCopen in Codexopen in Cursor

2. 02Exercise Library & Custom Exercise Management

   Build the exercise catalog screen supporting muscle group filtering, equipment types, and custom exercise creation.

   Build an Exercise Library screen in React Native with a search bar and category filters (Muscle Group: Chest, Back, Legs, Shoulders, Arms, Core; Equipment: Barbell, Dumbbell, Machine, Bodyweight). Implement a modal sheet allowing users to create custom exercises with custom muscle targets. Store these locally in the SQLite exercises table. Ensure selecting an exercise navigates smoothly back to the active routine builder with zero latency.

   ⧉copy promptopen in Claude CodeCopen in Codexopen in Cursor

3. 03Routine Planner Screen

   Create the routine management interface allowing users to group exercises, set default warm-ups, and organize workout templates.

   Implement the Routine Planner interface. Users can create named routines, add multiple exercises from the library, reorder them, and configure default target sets, reps, and weights. Add support for grouping exercises into supersets. Save routine templates to SQLite. Ensure the UI feels snappy and responsive, using FlatList virtualization and NativeWind for clean dark-mode styling.

   ⧉copy promptopen in Claude CodeCopen in Codexopen in Cursor

4. 04Active Workout Session Runner & Rest Timer

   Build the core workout logging screen with active set completion, previous performance hints, and an automatic rest timer.

   Build the Active Workout session runner screen. When a routine starts, insert a new workout record and render each exercise with its logged sets. For each set, display the weight and reps from the previous workout session as a light grey hint badge. Allow users to tap 'Done' to log a set, triggering subtle haptic feedback via expo-haptics. Upon completing a set, automatically start a customizable countdown rest timer (e.g., 90 seconds) with a persistent floating banner and audio/vibration alert when time expires. All changes must instantly commit to the local SQLite database.

   ⧉copy promptopen in Claude CodeCopen in Codexopen in Cursor

5. 05Progress Analytics & History Views

   Implement historical workout logs, personal record detection, and progress visualization charts.

   Build the History tab displaying past completed workouts grouped by date, showing total volume, duration, and exercise summaries. Implement a Progress/Analytics tab where users can select any exercise and view historical 1RM estimates (calculated via Epley formula: weight * (1 + reps/30)) and max weight lifted over time rendered using Victory Native charts. Ensure aggregation queries run efficiently against local SQLite indexes.

   ⧉copy promptopen in Claude CodeCopen in Codexopen in Cursor

6. 06Cloud Sync Queue & Backup

   Set up a background synchronization queue to back up local workout modifications to a remote PostgreSQL database when online.

   Implement a lightweight Node.js/Express backend deployed on Railway with PostgreSQL and better-auth. In the Expo app, build a sync queue service that tracks local database mutations with a sync_status flag ('synced', 'pending'). When network connectivity is restored (using NetInfo), batch upload pending workout logs and routines to the server, handling basic conflict resolution by latest timestamp. Provide a manual 'Export CSV' utility in settings that compiles all local SQLite data into a formatted CSV file and triggers the native share sheet.

   ⧉copy promptopen in Claude CodeCopen in Codexopen in Cursor

Cost vs paying for Strong