> ## Documentation Index
> Fetch the complete documentation index at: https://flatfileinc-feat-updatereactquickstart.mintlify.site/llms.txt
> Use this file to discover all available pages before exploring further.

# Before you begin

> Securely and easily build an embedded Flatfile import experience into your Angular application.

## Quickstart

In this guide, we'll utilize a straightforward setup. This approach allows you to implement features using the most basic and user-friendly options available.

#### Choose your path

First, decide if you want to start from scratch or make changes to an existing project. Most developers find it easier to clone and start from a working example.

<CardGroup cols={2}>
  <Card title="Start from a working example" href="https://github.com/FlatFilers/create-flatfile-angular/tree/main" icon="star">
    Clone the create-flatfile-angular example project in GitHub.
  </Card>

  <Card title="Start from scratch" href="../angular/new_space_quickstart" icon="pencil">
    Set up an embedded Flatfile Workbook from beginning to end.
  </Card>
</CardGroup>

## Advanced mode

### Create a new Space

In this Guide, we'll create a new Space each time Flatfile is opened. This suits situations where a clean slate for every interaction is preferred and is the easiest way to get started with Flatfile.

You'll setup a full localhost project end to end using a listener for maximum control.

#### Choose your path

<CardGroup cols={2}>
  <Card title="Start from a working example" href="https://github.com/FlatFilers/create-flatfile-angular" icon="star">
    Clone the create-flatfile-angular example project in GitHub.
  </Card>

  <Card title="Start from scratch" href="../angular/new_space" icon="pencil">
    Set up an embedded Flatfile Workbook from beginning to end.
  </Card>
</CardGroup>

### Reuse an existing Space

Choose this option when users might need to wait or can't finish in one go. This is
great for keeping work context and letting users continue where they left
off until the task is done.

#### Choose your path

Decide if you want to start from scratch or make changes to an existing project. Most developers find it easier to clone and start from a working example.

<CardGroup cols={2}>
  <Card title="Start from a working example" icon="star" href="https://github.com/FlatFilers/create-flatfile-angular/blob/main/src/app/reuse.component.ts">
    Clone this full create-flatfile-angular example project in GitHub.
  </Card>

  <Card title="Start from scratch" href="../angular/reuse_space" icon="pencil">
    Reuse an embedded Flatfile Space from beginning to end.
  </Card>
</CardGroup>