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

# Example Projects

> A selection of example projects to get started with.

Browse our sample projects to see a variety of practical and innovative applications that showcase the capabilities of our platform.

## Platform Apps

<CardGroup cols={1}>
  <Card title="Build an App" icon="code-merge" href="https://github.com/FlatFilers/getting-started">
    Clone the code examples used in building your own App.
  </Card>
</CardGroup>

## Guides

<Card title="Extractors" icon="box-open" href="https://github.com/FlatFilers/flatfile-docs-kitchen-sink/blob/main/typescript/extractors/index.ts">
  Effortlessly handle and manipulate data, irrespective of its source or format.
  Whether arriving as CSV, PDF, XML, or various other types, data can seamlessly
  be extracted to coexist within your Workbook.
</Card>

{" "}

<CardGroup cols={1}>
  <Card title="Handling data" icon="wand-sparkles" href="https://github.com/FlatFilers/flatfile-docs-kitchen-sink/blob/main/typescript/handling-data/index.ts">
    Data Hooks are concise functions that automatically re-format, correct,
    validate, and enrich data during the data import process. These hooks can be
    executed on a record (row) using your own custom logic.
  </Card>

  {" "}

  <Card title="Dynamic Configurations" icon="object-group" href="https://github.com/FlatFilers/flatfile-docs-kitchen-sink/blob/main/typescript/dynamic-configurations/index.ts">
    Spaces are micro-applications, each has its own database, filestore, and auth.
    Clone this example to dynamically configure a Space from scratch, and update
    it as things change.
  </Card>

  {" "}

  <Card title="Using Actions" icon="bolt" href="https://github.com/FlatFilers/flatfile-docs-kitchen-sink/tree/main/typescript/actions">
    Tailor your workflow to integrate with and optimize your existing processes
    with Actions. Actions are custom code-based operations that can be configured
    wherever that Action is mounted: Space, Workbook, or Sheet.
  </Card>

  {" "}

  <Card title="Localization" icon="language" href="https://github.com/FlatFilers/flatfile-docs-kitchen-sink/tree/main/typescript/localization/index.ts">
    Localization enables you to tailor the language and text in your Flatfile
    Space. Learn how to translate and customize your Space with text overrides.
  </Card>

  {" "}

  <Card title="Secrets" icon="user-secret" href="https://github.com/FlatFilers/flatfile-docs-kitchen-sink/blob/main/typescript/secrets/index.ts">
    Secrets are securely stored key-value pairs associated with either an
    Environment or a Space. Use Secrets to store any credentials that your
    Flatfile implementation might need to work with your data or integrate with
    other systems.
  </Card>

  {" "}

  <Card title="Namespaces" icon="filter-list" href="https://github.com/FlatFilers/flatfile-docs-kitchen-sink/blob/main/typescript/namespaces/index.ts">
    Namespaces are a way to group your Spaces in an organizational schema that
    makes sense for your business. Narrow the scope of your operations by matching
    on a Namespace.
  </Card>

  {" "}

  <Card title="Metadata" icon="file-circle-info" href="https://github.com/FlatFilers/flatfile-docs-kitchen-sink/blob/main/typescript/metadata/index.ts">
    Contextualize your data by storing and retrieving additional information about
    an Environment, Space, Record, or Field without exposing it to end users.
  </Card>

  {" "}

  <Card title="Egress" icon="ufo" href="https://github.com/FlatFilers/flatfile-docs-kitchen-sink/blob/main/typescript/egress/index.ts">
    After importing, validating, and transforming it, your data now needs to be
    integrated into another system. Learn how to forward your data to its
    destination.
  </Card>

  {" "}

  <Card title="Headless" icon="bolt-auto" href="https://github.com/FlatFilers/flatfile-docs-kitchen-sink/tree/main/typescript/headless/index.ts">
    Use Flatfile to deliver an adaptable but completely automated,
    behind-the-scenes, data experience, leveraging a human in the middle only when
    necessary.
  </Card>

  {" "}

  <Card title="Documents" icon="file-code" href="https://github.com/FlatFilers/flatfile-docs-kitchen-sink/blob/main/typescript/documents/index.ts">
    Documents are standalone webpages that reside in your Flatfile Space.
    Documents are extremely useful and can be updated with dynamically generated
    content as Events occur.
  </Card>

  {" "}

  <Card title="Guest Sidebar" icon="sidebar" href="https://github.com/FlatFilers/flatfile-docs-kitchen-sink/blob/main/typescript/guest-sidebar/index.ts">
    Flatfile allows you to update your sidebar to hide and show certain elements.
    Learn how to create a sidebar configuration, configuring it dynamically for
    different user experiences.
  </Card>

  {" "}

  <Card title="Theming" icon="palette" href="https://github.com/FlatFilers/flatfile-docs-kitchen-sink/blob/main/typescript/theming/index.ts">
    Tailor the visual identity of Flatfile to harmonize with your brand
    aesthetics. Our smart theming allows you to transform your space with a single
    API call.
  </Card>
</CardGroup>

## Embedded Wrappers

### Javascript

<CardGroup cols={1}>
  <Card title="create-flatfile-javascript" icon="js" href="https://github.com/FlatFilers/create-flatfile-javascript">
    Clone the zero dependency Flatfile Javascript embedded example.
  </Card>
</CardGroup>

### React

<CardGroup cols={2}>
  <Card title="flatfile-nextjs" icon="react" href="https://github.com/FlatFilers/flatfile-nextjs">
    Clone the Flatfile Next.js embedded example.
  </Card>

  <Card title="create-flatfile-react" icon="react" href="https://github.com/FlatFilers/create-flatfile-react">
    Clone the Flatfile create-react-app embedded example.
  </Card>
</CardGroup>

### Others

<CardGroup cols={2}>
  <Card title="Vue" icon="vuejs" href="https://github.com/FlatFilers/create-flatfile-vuejs">
    Clone the Flatfile Flatfile create-flatfile-vuejs embedded example.
  </Card>

  <Card title="AngularJs" icon="angular">
    Coming soon
  </Card>
</CardGroup>