~5-7 minutes

Objective: Let your website’s code know where to go to find the database and edit the tasks in the dashboard

In this step, there are two options:

  1. Download VS Code (recommended): VS Code is a “text editor” like Microsoft word but it’s where you can write code or write in english. I recommend downloading VSCode as it’s useful for writing context files, .md files and editing other dashboards.
  2. Work in Claude: Go back to your chat with Claude from Step 1 or upload your index.html file and give it instructions to update the index.html.

For Option 1:

Open VSCode from your computer and then select File>Open and Open your index.html file that you downloaded in Step 1.

Paste the URL and API keys in their respective locations.

image.png

Keep the quotes around both items.

Hit save and close. Now you have the code for your website that contains your unique information.

For Option 2:

Go back to your chat with Claude from Step 1 or upload your index.html file and give it instructions to update the index.html.

Tell Claude:

<aside>

Update this index.html file by replacing the following; leave the quotes on either side in place and then save it for me to download:

YOUR_PROJECT_URL with [insert your URL]

YOUR_ANON_KEY with [insert your API key]

</aside>

Download the new file. You will not need the old one so rename that one or move it to the trash. Now you have the code for your website that contains your unique information.