Build an ideas tracker with Vue.js

Create project

Head to the Indobase Console.

If this is your first time using indobase, create an account and create your first project.

Then, under Add a platform, add a Web app. The Hostname should be localhost.

You can skip optional steps.

Initialize indobase SDK

To use indobase in our Vue app, we'll need to find our project ID. Find your project's ID in the Settings page.

Create a new file src/indobase.js to hold our indobase related code. Only one instance of the Client() class should be created per app. Add the following code to it, replacing <PROJECT_ID> with your project ID.

import { Client, TablesDB, Account } from "appwrite";

const client = new Client();
client
  .setEndpoint("https://<REGION>.cloud.indobase.io/v1")
  .setProject("<PROJECT_ID>"); // Replace with your project ID

export const account = new Account(client);
export const tablesDB = new TablesDB(client);