Skip to main content

Development Overview

Describe an app. AppX turns the plain‑English description into a real React Native (Expo) project, validates it, then lets you test it in the browser and on your phone and refine it by chat — all from a single workspace.

This page is the map. The rest of this section goes deep on each piece.

The Workspace​

Chat​

This is where you build. The message box has an attach button, a model picker, the Backend chip, and send. A new app starts with a plan card; every build and edit then gets its own turn card, with what it reserved and what it charged.

Live Preview​

Your app inside a phone frame, in the browser. To run the real thing on your own phone, click Open on phone in the top bar and scan the QR code.

Code​

Full, inspectable Expo + React Native code — not a visual‑builder export. Open Code in the project's side rail to browse the file tree, open any file in the built‑in editor, and tweak by hand when you want to.

The Build Loop​

The rhythm of building with AppX:

  1. Describe the app. A plan card shows the planned screens and "About N credits".
  2. Build it: press Build first milestone.
  3. Preview it in the browser and on your phone.
  4. Chat to refine — add features, fix layout, change copy.
  5. Share a link, download the code, or ask for help publishing to the App Store / Google Play.

Most of your time lives in steps 3–4: look at it on your phone, describe the change, repeat.

Thinking in Screens​

AppX organizes your app by screens — each screen is a real file in your project. When you ask for a change, name the screen in your message, for example "On the Home screen, …". The AI then knows where to work.

A first build has up to 6 screens. The rest become next milestones you start with Build next milestone; each is charged separately.

What Things Cost​

  • A build is priced by the work it takes, not per screen. Before it starts, the plan card shows "About N credits".
  • Chat edits are metered, with a minimum of 1 credit per turn.
  • If a build or an edit fails, you are not charged.

Your balance is under Credits in the left sidebar. Full rules: Credits.

Next Steps​

Live Preview

The web preview, Open on phone, and what happens after an edit.

Chat‑Driven Editing

Describe the change, see it in the preview, undo if needed.

Code Editor

Browse and hand‑edit the real Expo + React Native code.

Device Testing

Run on a real phone from the QR code, Expo Go on Android, and debug iOS vs Android.