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

# Hosted Quickstart: Build Your First App

> Sign in to appblips.com and build your first app in under a minute. No installation, no API keys — just type a prompt and watch your app appear.

The hosted version of AppBlips at [appblips.com](https://appblips.com) is the fastest way to go from idea to working app. Sign in, type a prompt, and watch your app build live in the preview — there is nothing to install, no API key to configure, and no setup of any kind. Your projects are saved to your account automatically, and you can deploy any app to a public URL with a single click.

## Build your first app

<Steps>
  <Step title="Go to appblips.com and sign in">
    Open [appblips.com](https://appblips.com) in your browser and sign in with your account. If you don't have one yet, you can create it on the same page — it only takes a moment.
  </Step>

  <Step title="Type a prompt in the prompt box">
    Describe the app you want to build in plain English. For example:

    ```
    Build a simple habit tracker with a list of habits, checkboxes to mark
    them done each day, and a progress bar showing how many you've completed.
    ```

    You can be as detailed or as brief as you like. The more context you give, the closer the result will be to your vision. You can also attach an image by dragging it into the prompt area.
  </Step>

  <Step title="Press Enter or click Build — watch the live preview">
    Hit Enter or click the Build button. AppBlips streams the result directly into the live preview panel on the right. You can see the app take shape in real time and interact with it the moment generation finishes.
  </Step>

  <Step title="Refine with a follow-up prompt">
    Not quite right? Just type another prompt to adjust any detail. For example:

    ```
    Add a motivational quote at the top that changes each day.
    ```

    AppBlips edits the app for you — no code required. Every change is saved as a version you can step back through using the undo button.
  </Step>

  <Step title="Export or deploy when you're happy">
    When the app looks the way you want, choose what to do with it:

    * **Export** — click **Export** to download the app as a single self-contained HTML file you can host or share anywhere.
    * **Deploy** — click **Deploy** to publish the app to its own public URL. Visitors can open it in any browser or install it as a PWA. You can optionally add a password to restrict access.
  </Step>
</Steps>

## Tips for Great Prompts

<Tip>
  The best prompts describe both **what the app does** and **how it looks or feels**. Mentioning layout, color scheme, or specific interactions gives AppBlips much more to work with than a bare feature list.
</Tip>

* **Be specific about the core interaction.** "A timer that counts down from 25 minutes with a start, pause, and reset button" is much clearer than "a timer app."
* **Describe the data it works with.** Tell AppBlips what a user adds, edits, or tracks — for example, "each habit has a name and a daily checkbox."
* **Mention the visual style if it matters.** A prompt like "clean, minimal, dark theme with rounded cards" sets the tone early and avoids a generic look.
* **Use follow-up prompts to iterate.** You don't need to get everything right the first time. Build a rough version, then refine specific parts one prompt at a time.
* **Attach a reference image.** If you have a screenshot of a design you like, drag it into the prompt area and ask AppBlips to match or adapt it.

## What's Next

<CardGroup cols={2}>
  <Card title="Editing Your App" icon="pen-to-square" href="/features/editing-apps">
    Learn how to refine a generated app with follow-up prompts, undo changes, and use the AI toggle to add AI-powered features.
  </Card>

  <Card title="Exporting & Deploying" icon="rocket" href="/features/exporting-deploying">
    Explore the export and deploy options in detail, including PWA settings and password-protecting a deployed app.
  </Card>
</CardGroup>