How to vibe codeVoidpet

Prerequisites

• Node.jsfree

  Required runtime for building the web backend and running agent tooling.

• GitHubfree

  Source code control and repository hosting.

• Expo Accountfree

  Required for building and testing the cross-platform mobile app client.

AI coding tools

• Claude Code

  Best-in-class coding agent for scaffolding game loops, backend APIs, and database migrations from terminal prompts.

• Cursor

  Ideal AI-native editor for making iterative UI adjustments to screens and battle animations.

Build guide

1. 01Project Scaffolding & Database Schema

   Initialize the React Native mobile app with Expo and set up the SQLite database schema on Turso for users, pets, and inventory.

   Create a new Expo project with TypeScript and file-based routing. Initialize a Turso database client configuration using libSQL. Define database tables for users, pets (storing emotional type, level, stats, and custom nickname), inventory items, and progression stage records. Write migration scripts to seed basic emotion-themed starter pets (Anxiety, Anger, Sadness) with default attributes.

   ⧉copy promptopen in Claude CodeCopen in Codexopen in Cursor

2. 02Turn-Based Combat Engine

   Implement the core combat loop logic, turn calculation, elemental emotion matchups, and damage formulas.

   Build a turn-based combat engine module in TypeScript. Implement state management for active battle encounters between player pet teams and AI opponent pets. Write pure functions for damage calculation factoring in emotional type advantages, status effects, and level scaling. Ensure state transitions handle player actions, enemy turns, victory checks, and rewards distribution.

   ⧉copy promptopen in Claude CodeCopen in Codexopen in Cursor

3. 03Pet Hatching & Gacha Mechanics

   Develop the summoning and hatching system with weighted drop rates for different rarity emotion pets.

   Implement a gacha and pet hatching system. Create drop-rate probability tables for common, rare, and legendary emotion pets. Build API endpoints and client hooks to handle egg hatching transactions, deducting in-game currency, rolling random traits, and instantly persisting newly hatched pets to the user's collection table.

   ⧉copy promptopen in Claude CodeCopen in Codexopen in Cursor

4. 04Progression & Level Management

   Construct the 1,000+ level map progression architecture and stage completion handlers.

   Design a modular level progression system supporting thousands of stages. Implement a dynamic level generator or configuration loader that scales enemy difficulty, reward yields, and stage objectives based on stage index. Build screen components for the overworld map allowing players to select unlocked stages and track star ratings.

   ⧉copy promptopen in Claude CodeCopen in Codexopen in Cursor

5. 05Subscription & Microtransactions Integration

   Integrate RevenueCat SDK for mobile in-app purchases and the Giga subscription tier perks.

   Integrate the RevenueCat SDK into the Expo mobile application to manage in-app purchases and subscriptions. Implement entitlement checks for the $3.99/mo 'Giga Subscription' tier. Grant perks such as pet renaming permission, expanded pet storage capacity up to 1,000 slots, and custom team template slots when the active entitlement is verified.

   ⧉copy promptopen in Claude CodeCopen in Codexopen in Cursor

6. 06UI Polish & Emotion Garden Companion Loop

   Refine the mobile UI styling to match the whimsical emotional branding and add the virtual garden care loop.

   Create a companion 'Voidpet Garden' screen where users can interact with their collected pets in a peaceful environment. Implement touch-based feeding, petting animations, and daily mental health check-in prompts that reward in-game currency. Polish all navigation screens with custom soft color palettes, smooth transitions, and tactile feedback.

   ⧉copy promptopen in Claude CodeCopen in Codexopen in Cursor

Cost vs paying for Voidpet