Focus Logo

My Dashboard

Saved
πŸ“ Notes
πŸ”
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
Sign in only. New accounts must be created by the administrator.

βš™ 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, version bigint not null default 1, 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."

If you already created this table earlier, run this one-time migration too:

alter table dashboard_state add column if not exists version bigint not null default 1;
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.