# 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](/integrations/supabase.md):

> 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.

## 5. Ship to the stores

Export to [GitHub](/integrations/github.md), then use the standard **Expo** build and submit workflow (EAS) to publish to the App Store and Google Play.

{% hint style="success" %}
Building real mobile apps from a prompt is GenVibe's standout feature — and it's on the free tier.
{% endhint %}


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://docs.genvibe.pro/guides/build-mobile-app.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.
