Micro Battles - Mini Games

Micro Battles is a casual competitive mini-game collection built with React Native (Expo SDK 55) and published on the iOS App Store. It features 30 offline-first mini games, real-time multiplayer via Supabase, a full social system, daily quests, a virtual pet companion, and a complete monetization stack with RevenueCat.

This is a mobile-first product — designed, developed, and shipped end-to-end as a solo developer.

Tech Stack

• Framework: React Native 0.83 + Expo SDK 55 (Expo Router, typed routes)
• Language: TypeScript 5.9
• Backend: Supabase (Auth, PostgreSQL, Realtime, RLS, Edge Functions)
• State: Zustand + TanStack React Query + MMKV persistence
• Payments: RevenueCat (Pro subscription + coin IAP packs)
• Ads: Google Mobile Ads (rewarded + interstitial, mediation via Unity Ads & Liftoff)
• Error Tracking: Sentry (crash + performance monitoring)
• Animations: React Native Reanimated 4 + Gesture Handler
• Native: expo-notifications, expo-widgets (iOS), expo-camera, expo-haptics, expo-sensors
• Deployment: EAS Build + EAS Submit to App Store Connect

30 Mini Games (Offline-First)

All games bundled as self-contained files running in React Native WebView — no external CDN dependencies. Touch-enabled with physics, audio (SFX + generative, non-repeating BGM), movement haptics, and tilt controls for motion games — all under a unified, compact glass HUD.

Real-Time Multiplayer

• 6-character session invite codes
• WebSocket sync via Supabase Realtime (<100ms latency)
• Host/guest role model with synchronized pause, resume, quit, restart
• Presence and disconnect handling
• Single-device session enforcement

• Username search, 6-char friend codes, QR scanning
• Friend request flow with push notifications
• Friends-only leaderboards + global rankings

• Global per-game leaderboards with record holders and a Hall of Records
• Global + friends scope filters, ranked lists with profile actions
• "New Record!" celebration and record-holder chips on game cards

• XP-based leveling with arena ranks
• Daily streaks with escalating rewards
• Coins earned from games, quests, streaks, and in-game pickups
• Shop: avatars, titles, profile borders, pet outfits

• 8 adoptable pets with outfits and accessories
• iOS Home Screen Widget (small/medium/large) with live pet render
• Widget renders pet canvas via hidden WebView to PNG data URL capture

• Rewarded Ads: Watch to unlock locked games for 24 hours
• Pro Subscription: Lifetime purchase unlocks all 10 locked games
• Coin Packs: 4 consumable IAP tiers ($0.99-$14.99)

• Email OTP sign-in (no passwords)
• Mandatory username + avatar setup post-auth (emoji preset or photo upload)
• iOS ATT tracking transparency

Built across 10 major development phases:

1. Phase 1: Home redesign, HTML5 game catalog, daily streaks, dark mode, sound system
2. Phase 2: Rewarded ads, RevenueCat Pro subscription, theme system, haptics
3. Phase 3: Local + online multiplayer, real-time sync, App Store compliance
4. Phase 4: Push notifications, quests system, economy integration
5. Phase 5: In-game coin pickups, shop system, inventory and equipment
6. Phase 6: Supabase auth, friends system, iOS widget, coin IAP, App Store submission
7. Phase 7: Leaderboard/ranks revamp, friends profile, game overlays, UI polish
8. Phase 8: Knife Hit (30th game), per-game leaderboards, quest overhaul, avatar photo upload, Android launch
9. Phase 9: Game visual revamps with evolving stages/zones, shareable record cards, quests UX polish, avatar photo lightbox, mono typography
10. Phase 10: Generative non-repeating in-game music across all games, redesigned in-game HUD (compact glass stat panel), Prism Breaker (Breakout) revamp, brand refresh, and game/UI polish (movement haptics, retro Snake soundtrack, level fixes, sign-in redesign)

Home

Instant Play

Arcade Games

Multiplayer

Leaderboards

Progression

Quests

Pet Companion

Friends

More Games

Architecture

React Native (Expo Router)
      |
      v
Supabase (Auth + PostgreSQL + Realtime + Edge Functions)
      |
      v
RevenueCat (Subscriptions + IAP) --- Google AdMob (Rewarded Ads)
      |
      v
iOS App Store (EAS Build + Submit)