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

# Running an example on Replit

> Import a GC AI API example project into your own Replit workspace in a few clicks.

Each API example (the [contract risk heatmap](/api-reference/examples/contract-risk-heatmap) and [triage and route](/api-reference/examples/triage-and-route)) has a **Run it yourself** link that opens Replit with the project's repository pre-filled. Replit imports the code and its Agent gets it running for you. It is only a few clicks, but the prompts are easy to miss the first time, so here is the whole flow.

<Note>
  You will need a free [Replit](https://replit.com) account and a GC AI API key. See [How to enable API access](/api-reference/how-to-enable) to create a key.
</Note>

If you only want to see the example working, use the **Try it live** link on the example page instead. That opens a hosted version with nothing to set up.

## Steps

<Steps>
  <Step title="Import the project">
    The **Run it yourself** link opens Replit's **Import from GitHub** page with the repository already selected. Click **Import from GitHub**.

    <Frame>
      <img src="https://mintcdn.com/gcai/pNfsdD6wfIy-BrMu/images/replit-import.png?fit=max&auto=format&n=pNfsdD6wfIy-BrMu&q=85&s=fca65fb37a7034200b0a4bcdec877599" alt="Replit's Import from GitHub page with the GC AI example repository pre-selected and an Import from Github button" width="2000" height="1154" data-path="images/replit-import.png" />
    </Frame>
  </Step>

  <Step title="Let Replit import it">
    Replit copies the repository and its Agent starts setting the project up. This takes a minute or two.

    <Frame>
      <img src="https://mintcdn.com/gcai/pNfsdD6wfIy-BrMu/images/replit-importing.png?fit=max&auto=format&n=pNfsdD6wfIy-BrMu&q=85&s=d628c459f0248f13cb60ef982cc54956" alt="Replit showing Import complete while the Agent sets up the project" width="2000" height="1153" data-path="images/replit-importing.png" />
    </Frame>
  </Step>

  <Step title="Choose “Get it running on Replit”">
    The Agent asks what you want to do with the project. Select **Get it running on Replit** and click **Submit**. The Agent then installs dependencies, configures the dev server, and starts the app.

    <Frame>
      <img src="https://mintcdn.com/gcai/pNfsdD6wfIy-BrMu/images/replit-choose-run.png?fit=max&auto=format&n=pNfsdD6wfIy-BrMu&q=85&s=7f108c6adab80b62c9eb83c316ef2e30" alt="Replit Agent prompt asking what to do with the project, with Get it running on Replit selected" width="896" height="836" data-path="images/replit-choose-run.png" />
    </Frame>
  </Step>

  <Step title="Add your GC AI API key">
    When the app is running, its preview opens on the right. Paste your GC AI API key into the field at the top to start using it.

    <Frame>
      <img src="https://mintcdn.com/gcai/pNfsdD6wfIy-BrMu/images/replit-running.png?fit=max&auto=format&n=pNfsdD6wfIy-BrMu&q=85&s=410712c54ed905612408d11e0a85d0ae" alt="The running example app with a field to paste your GC AI API key" width="2000" height="1152" data-path="images/replit-running.png" />
    </Frame>

    <Note>
      The example runs entirely in your browser and stores the key in your browser's local storage. There is no server-side secret to configure.
    </Note>
  </Step>
</Steps>

That is it. The imported project is yours to edit, extend, or fork. See its `README` for how the app is structured.