> ## 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 Javascript application.

## Quickstart

In this guide, we'll utilize a straightforward CDN setup, eliminating the need for importing packages or operating a local server. 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://platform.flatfile.com/dashboard/apps/portal/start" icon="star">
    Download a working example after installing the Portal App.
  </Card>

  <Card title="Start from scratch" href="../javascript/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.

Using Node and package.json, you'll setup a full localhost project end to end and implement a listener for maximum control.

#### 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-javascript/" icon="star">
    Clone this full Javascript example project in GitHub.
  </Card>

  <Card title="Start from scratch" href="../javascript/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-javascript/blob/main/advanced/README.md">
    Clone this full Javascript example project in GitHub.
  </Card>

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