> ## Documentation Index
> Fetch the complete documentation index at: https://tempolabsinc.mintlify.site/llms.txt
> Use this file to discover all available pages before exploring further.

# Building Mobile Apps with Expo

> Learn how to create and preview an Expo-based React Native application in Tempo

# Overview

This guide walks you through creating a **mobile application** using **Tempo** with **Expo** (React Native). You’ll learn how to generate an app, preview it on your phone with Expo Go, and refine it using Tempo’s AI features.

<iframe width="560" height="315" src="https://www.youtube.com/embed/Aj7bdqtKA-c?si=InFqrh2ObmDCp1bc" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen />

## 1. Generate Your Expo App

1. **Click Generate an App** in Tempo.

2. **Select Expo** as the framework.

3. Choose or create a **Project Requirements Document (PRD)** for your app (e.g., a simple to-do list).

4. Click **Next** to let Tempo build your app.

Tempo will:

* Spin up a basic Expo project structure.

* Auto-generate wireframes and initial UI based on your PRD.

***

## 2. Preview on Your Phone

Once your app is generated, you’ll see a **View** button in Tempo.

1. Click the **dropdown** next to **View** → **Preview on Your Phone**.

2. **Download the Expo Go** app on your device (Android or iOS).

3. **Scan the QR Code** in Tempo with your phone’s camera (and open in Expo Go).

4. See your **live preview** on your phone.

### Example Flow

* On your iPhone/Android device, open the camera.

* Point it at the **QR code** in Tempo.

* When prompted, select **Open in Expo Go**.

* Your newly built mobile app will load, allowing you to tap, scroll, or test functionality as if it were a native app.

***

## 3. Fixing Errors with Tempo’s AI

If you encounter errors or want to make changes:

1. Return to the **Tempo** interface.

2. Turn on **Reasoning Mode** or use **Fix with AI** to diagnose and correct issues.

3. Once changes are made, **Preview** again to see your updated app on the phone.

***

## 4. Deployment

When you’re ready to deploy your mobile app to production:

* Follow Expo’s [official documentation](https://docs.expo.dev/) for building and publishing to both the **iOS App Store** and **Google Play Store**.

***

## Summary

By leveraging Tempo, Expo, and React Native, you can rapidly build and test mobile apps. With **instant AI fixes** and **real device previews**, your development workflow is simplified, letting you focus on creating a great user experience.

<br />

Was this page helpful?
[Yes](#) | [No](#)