Focus Logo

My Dashboard

Saved
🔍
Sort
🔍
Sort
🔍
Sort groups
🔥 Today's Firefighting
🔍
Sort
🔍
Sort
🔍
🔍
Filter
Reminder   In Progress   Review   Overdue   Done
Repeats every month · tick off as done for this month
🔍
♻ Kaizen Tracker
🔍
Focus Rubber Industries

⚙ Go Live Setup Guide

Follow these 5 steps to make your dashboard accessible from any device with login protection. Takes about 30 minutes.

1
Create a free Supabase project

Supabase is your free database and login system — no credit card needed.

1. Go to supabase.com and sign up
2. Click New Project
3. Name it (e.g. "work-dashboard"), pick the closest region
4. Set a database password — save it somewhere safe
5. Wait ~2 minutes for the project to launch

2
Create the database table

In your Supabase project → SQL Editor → paste this and click Run:

create table dashboard_state ( user_id uuid primary key references auth.users(id), state_json text not null, updated_at timestamptz default now() ); alter table dashboard_state enable row level security; create policy "Users own their data" on dashboard_state for all using (auth.uid() = user_id) with check (auth.uid() = user_id);

You should see "Success. No rows returned."

3
Add your API keys to this file

In Supabase → Settings → API. Copy the Project URL and anon / public key.

Project URL Anon / Public Key Your Email (Owner — sees all tabs)
✓ Copy these 3 lines — find the matching lines near the bottom of the HTML file and replace them:
4
Enable Google login (optional)

Skip if email + password login is enough. For Google login:

1. Supabase → Authentication → Providers → Google → toggle on
2. Go to Google Cloud Console → create or pick a project
3. APIs & Services → OAuth consent screen → fill in app name + email
4. Credentials → Create OAuth client ID → Web application
5. Paste the redirect URI from Supabase into the "Authorised redirect URIs" field
6. Copy Client ID + Client Secret back into Supabase

Full guide: supabase.com → Google Auth docs

5
Host on Vercel — access from anywhere

Vercel gives you a free URL like your-name.vercel.app that opens on any phone or PC.

1. Go to vercel.com → sign up free (use Google)
2. Add New → Project → Deploy without Git
3. Drag & drop your updated HTML file
4. Click Deploy — takes ~30 seconds
5. Bookmark the URL on your phone and PC
6. Back in Supabase → Authentication → URL Configuration → add your Vercel URL to Redirect URLs

To update later: just re-upload the HTML file to the same Vercel project.