Build a mobile app

A complete example of building a cross-platform mobile app with GenVibe.

We'll build a workout logger for iOS and Android.

1. First prompt

Say "mobile app" so GenVibe scaffolds React Native + Expo:

Build a mobile workout logger app. Bottom tab bar with two tabs: Log and History. On Log, I can pick an exercise, enter sets and reps, and save. History shows past workouts grouped by date. Clean, modern mobile design.

GenVibe builds the app and shows it in a phone frame preview.

2. Iterate

Add a "+" button to create a custom exercise.

Show a weekly summary card at the top of History with total workouts this week.

When I save a workout, show a quick confirmation toast.

3. Persist data

Connect Supabase:

Use Supabase to store workouts so they sync and persist, with email login so each user sees only their own data.

4. Test interactions

Use the device-frame preview to tap through tabs, add entries, and check navigation. For the real feel, open the QR code in the preview toolbar and scan it with Expo Go to run the app on your own phone with live reload.

5. Ship to the stores

Click the Android icon in the preview toolbar to build an installable APK (to try on a phone) or an AAB (to publish on Google Play) — see Android builds. You can also export to GitHub and run the build yourself.

Building real mobile apps from a prompt is GenVibe's standout feature — and it's on the free tier.