Build your own App Builder with React Native and InstantDB

An AI-powered app builder that generates React Native applications using natural language prompts. Built with React Native, Expo, InstantDB, and OpenAI, showcasing modern mobile development practices.

Features

• 🤖 AI-Powered Generation: Generate React Native apps from natural language prompts using OpenAI
• 📱 Native Mobile Apps: Build real React Native applications that run on iOS and Android
• 🔄 Real-time Updates: InstantDB provides real-time synchronization of builds and data
• 👤 User Authentication: Secure user authentication and build ownership
• 📝 Build Management: Create, view, and manage multiple app builds
• 🎨 Live Preview: Preview generated apps before deployment
• 🚀 Expo Router: File-based routing with protected routes

Video Tutorial

Watch and build this App Builder step by step:

Getting Started

Prerequisites

• Bun (recommended) or Node.js
• Expo CLI
• InstantDB account and app credentials
• OpenAI API key

For the best development experience, install:

• Android Studio for Android development
• Xcode (Mac only) for iOS development

Environment Setup

Create a .env file in the root directory with your credentials:

INSTANT_APP_ID=your-instant-app-id
INSTANT_ADMIN_TOKEN=your-admin-token
INSTANT_ORG_ID=your-org-id
OPENAI_API_KEY=your-openai-api-key

Installation

1. Clone the repository

   git clone <repository-url>
   cd instant-mini

2. Install dependencies

   bun install
   # or npm install

3. Prebuild the native code

   bunx expo prebuild

4. Run the app

   # iOS
   bunx expo run:ios
   
   # Android
   bunx expo run:android

🚀 Learn More

Take a shortcut from web developer to mobile development fluency with guided learning

Enjoyed this project? Learn to use React Native to build production-ready, native mobile apps for both iOS and Android based on your existing web development skills.