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

# Set up your Basic account

> Using the admin portal to create a new project.

# Create your project

<Steps>
  <Step title="Navigate to the Dashboard">
    Head to [https://app.basic.tech](https://app.basic.tech) to begin creating your project.

    <img className="block" src="https://mintcdn.com/basic/UWQOKUigUDPICQhb/images/admin-logged-out.png?fit=max&auto=format&n=UWQOKUigUDPICQhb&q=85&s=274bfcbb80791f8699d3cad2f7c69ffd" alt="Login / Signup to Basic" width="2322" height="1550" data-path="images/admin-logged-out.png" />
  </Step>

  <Step title="Login / Signup with Basic">
    Login with your Basic account. If you don't have one yet, signup to Basic.

    <img className="block" src="https://mintcdn.com/basic/UWQOKUigUDPICQhb/images/basic-sso.png?fit=max&auto=format&n=UWQOKUigUDPICQhb&q=85&s=3e11f4e6f4d99974e9509efb6eee63ad" alt="Login / Signup to Basic" width="2304" height="1540" data-path="images/basic-sso.png" />
  </Step>

  <Step title="Create your project">
    After creating your Basic account, head to the Dashboard and create a new project.

    <img className="block" src="https://mintcdn.com/basic/UWQOKUigUDPICQhb/images/admin-no-projects.png?fit=max&auto=format&n=UWQOKUigUDPICQhb&q=85&s=72fe0458bb84428da0e71ab758ac08d9" alt="Create your project" width="1123" height="736" data-path="images/admin-no-projects.png" />
  </Step>

  <Step title="Add your project details">
    Use the form to create a project with a unique name and slug. Make sure not to leave the name or slug fields blank.

    <img className="block" src="https://mintcdn.com/basic/UWQOKUigUDPICQhb/images/admin-create-project.png?fit=max&auto=format&n=UWQOKUigUDPICQhb&q=85&s=6e2992017572941bebb5e565ba332897" alt="Add your project details" width="1121" height="731" data-path="images/admin-create-project.png" />
  </Step>

  <Step title="Manage your projects">
    This page allows you to view all your projects and manage them. To view project details, click into any of them.

    <img className="block" src="https://mintcdn.com/basic/UWQOKUigUDPICQhb/images/admin-with-projects.png?fit=max&auto=format&n=UWQOKUigUDPICQhb&q=85&s=e30a6f963093ef6897177fa65626843e" alt="Manage your projects" width="1121" height="729" data-path="images/admin-with-projects.png" />
  </Step>

  <Step title="Note your project ID, database URL, and API key (keep this a secret!)">
    You'll need these if you're using the API to connect to your database. Store them securely.

    <Warning>
      Keep your API Key a secret! Only use it on a secure server environment.
    </Warning>

    <Frame>
      <img src="https://mintcdn.com/basic/UWQOKUigUDPICQhb/images/api-key.png?fit=max&auto=format&n=UWQOKUigUDPICQhb&q=85&s=98817295423464069a789e5a0e0b2d66" width="1192" height="843" data-path="images/api-key.png" />
    </Frame>
  </Step>

  <Step title="(Optional) You can test everything is working by making a sample fetch request to your database:">
    Make sure to replace `<YOUR_PROJECT_ID>` and `<YOUR_API_KEY>`.

    ```js GET Project Details theme={null}
    fetch("https://api.basic.tech/project/<YOUR_PROJECT_ID>", {
      headers: {
          "Authorization": "Bearer <YOUR_API_KEY>",
      },
    }).then(response => response.json())
    .then(data => console.log(data));
    ```
  </Step>
</Steps>

# Create your schema

<Steps>
  <Step title="Create your schema">
    There are two ways to create your schema, either using the table UI, or by using the code editor. Let's explore the table UI first.

    <img className="block" src="https://mintcdn.com/basic/UWQOKUigUDPICQhb/images/admin-no-schema.png?fit=max&auto=format&n=UWQOKUigUDPICQhb&q=85&s=bd31c610a4927d9c2a471fa61f6c1295" alt="Create your schema" width="1208" height="733" data-path="images/admin-no-schema.png" />
  </Step>

  <Step title="Add a new table">
    Give your table a unique name, and add fields to it. Fields need to have a unique name within each table, and you can use the dropdown to select the type of each field.

    Fields can take on the following types: `string`, `number`, `boolean`, `json`.

    <img className="block" src="https://mintcdn.com/basic/UWQOKUigUDPICQhb/images/create-schema-with-ui.png?fit=max&auto=format&n=UWQOKUigUDPICQhb&q=85&s=d571efe0bfc6e0f80b1d2985795f0ea7" alt="Create a new table" width="1201" height="838" data-path="images/create-schema-with-ui.png" />
  </Step>

  <Step title="(Optional) Edit your schema with the code editor">
    You can also edit your schema with the code editor.

    <img className="block" src="https://mintcdn.com/basic/y_BKyICFKnFS9_rw/images/schema-editor.png?fit=max&auto=format&n=y_BKyICFKnFS9_rw&q=85&s=48fb94a741ae113d2daae7bc074af7a8" alt="Edit your schema with the code editor" width="2962" height="1644" data-path="images/schema-editor.png" />
  </Step>

  <Step title="Publish your changes">
    Once you've added your tables, you can publish your changes. Upon publishing, you'll notice your version number has been automatically incremented.

    You may also discard changes if you'd like to revert to the existing version.

    <img className="block" src="https://mintcdn.com/basic/y_BKyICFKnFS9_rw/images/publish-schema-changes.png?fit=max&auto=format&n=y_BKyICFKnFS9_rw&q=85&s=eec2ddf321d947543cd8339f6ad27e82" alt="Publish your changes" width="1191" height="842" data-path="images/publish-schema-changes.png" />
  </Step>
</Steps>

# Next steps

You can now start building your app!
If you are using a React app, we recommend you use the [React SDK](/basic-react/basic-react-sdk) to get started.

Otherwise, you can use the [API](/basic-restapi/basic-api) for any language.
