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

# Start Building Now

> In this guide, you'll build your first AI application using Onspace.ai's no-code platform. Whether you want to create a chatbot, image generator, or data analyzer, our agentic AI will handle the technical complexity while you focus on your vision. Support platforms: iOS/Andriod/Web

### Step 1: Design and plan

* An [Onspace.ai](https://www.onspace.ai) account ([sign up for free](https://www.onspace.ai/))
* A clear idea of what functionality you want to build
* Basic understanding of your target users

OnSpace AI offers flexible input methods to capture your app ideas:

* **Natural language prompts** - Simply describe your concept
* **File attachments** - Upload reference materials, sketches, or mockups
* **Figma integration** - Import designs directly from your Figma workspace

While you can begin with a broad request like "Build me a fitness tracking app," you'll achieve better results by planning ahead. Consider these key questions:

<AccordionGroup>
  <Accordion title="What's your core concept?">
    Define your mobile application category—whether it's a habit tracker, social networking app, fitness companion, or productivity tool.
  </Accordion>

  <Accordion title="Who's your target user?">
    Understanding your audience drives smart design decisions. Consider their needs, preferences, and how they'll interact with your mobile app throughout their day.
  </Accordion>

  <Accordion title="What capabilities will it offer?">
    Map out specific user actions. For a fitness tracking app, this might include:

    * Workout logging and creation
    * Progress photo uploads
    * Social sharing features
    * Push notification reminders
    * Offline workout access
  </Accordion>

  <Accordion title="What's your visual direction?">
    Communicate your desired aesthetic through descriptions or visual references—minimalist, vibrant, sporty, calming, etc. Consider how it will look on both light and dark mobile themes.
  </Accordion>

  <Accordion title="How will users access it?">
    OnSpace AI specializes in mobile app development using React Native and Expo, enabling you to:

    * Cross-platform deployment: Build once, deploy to both iOS and Android
    * Native performance: Deliver smooth, responsive mobile experiences
    * App store distribution: Package for Apple App Store and Google Play Store
  </Accordion>
</AccordionGroup>

```md [expandable] theme={null}
Sample：
I want to create a meditation app for college students dealing with stress and anxiety. Key features include: guided meditation sessions, breathing exercises, mood tracking, study break reminders, and offline content access. The design should be calming with soft purple/blue gradients and nature imagery. This will be a mobile app that students install on their phones, so please optimize for touch interactions and use Expo for seamless iOS and Android deployment.
```

### Step 2: Your first prompt

**Crafting effective prompts is essential for getting the best results from AI tools.**

If you've already drafted answers to the questions above, you can use them as the foundation for your first prompt. Enter your initial idea, and **OnSpace** will take care of the rest! This is your starting point for any project in **OnSpace**, where you can instantly bring your ideas to life

### Step 3: **Refine your build**

Following **OnSpace's** initial application generation from your foundational prompt, you'll likely enter an enhancement cycle requiring:

* **Feature augmentation** (modular expansion of capabilities)
* **Behavioral/UI parameter tuning** (granular adjustment of functional or aesthetic outputs)
* **Anomaly resolution** (systematic debugging of generated artifacts)

**Critical Implementation Note:**

Employ a *single-parameter modification protocol* - address one enhancement vector per iteration cycle. Parallel modification attempts may introduce compounding variables that degrade output fidelity.

### Step 4: **Preview and Test**

<Info>
  **Scan the QR code or download the OnSpace AI app directly.**
</Info>

* **📱 Mobile Preview**: See how your app looks on iOS and Android
* **💻 Web Preview**: Test the web version instantly
* **🔄 Real-time Updates**: Changes reflect immediately across all platforms
* **Download** OnSpace App:

  iOS: [https://apps.apple.com/app/id6746471538](https://apps.apple.com/app/id6746471538)

<img className="block dark:block" src="https://mintcdn.com/soulzaiinc/DP_um_9EGfdPiKQZ/images/iOS.webp?fit=max&auto=format&n=DP_um_9EGfdPiKQZ&q=85&s=57f19d726d74ab075470f000bc0bd8e0" alt="Hero Dark" title={true} style={{ width:"50%" }} width="504" height="516" data-path="images/iOS.webp" />

Andriod: [https://play.google.com/store/apps/details?id=app.onspace.ai\&pcampaignid=web\_share](https://play.google.com/store/apps/details?id=app.onspace.ai\&pcampaignid=web_share)

<img className="block dark:block" src="https://mintcdn.com/soulzaiinc/DP_um_9EGfdPiKQZ/images/andriod.webp?fit=max&auto=format&n=DP_um_9EGfdPiKQZ&q=85&s=e916175d77b93a6a4a074871d7ed29b8" alt="Hero Dark" title={true} style={{ width:"50%" }} width="524" height="520" data-path="images/andriod.webp" />

### Step 5: Deployment

**OnSpace** is engineered for maximum deployment flexibility, supporting integration with industry-leading platforms:

1. **Mobile Deployment (Expo Ecosystem)**
   1. Build natively with **Expo** for cross-platform compatibility
   2. Publish directly to Apple App Store and Google Play(coming soon)
2. **Advanced CI/CD Pipelines (GitHub Integration)**
   1. Connect **OnSpace** to your GitHub repository
   2. Implement custom build/deploy workflows using your preferred DevOps tools
3. **Manual Export & Custom Hosting**
   * Download full project artifacts for deployment on any infrastructure