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

​
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 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.
Was this page helpful? Yes | No