QuickOrder
Made by Alex Z. · Simple ordering
Place your order.
Choose what you'd like, enter your details, and submit. We'll follow up with you about your order. No online payment is taken.
Private area
Admin dashboard
Admin login
Sign in with the administrator account created in your Supabase project.
Store management
Products
Loading products…
Customer orders
Loading orders…
Connect your database
This HTML uses Supabase for real authentication and shared product/order storage. Add your project's URL and anon/public key in the CONFIG section near the bottom of this file. Never put a service-role key or an admin password in this file.
Run this SQL once in Supabase → SQL Editor:
create table if not exists public.products (
id bigint generated by default as identity primary key,
name text not null,
description text default '',
active boolean default true,
created_at timestamptz default now()
);
create table if not exists public.orders (
id bigint generated by default as identity primary key,
customer_name text not null,
teacher text not null,
items jsonb not null,
notes text default '',
created_at timestamptz default now()
);
alter table public.products enable row level security;
alter table public.orders enable row level security;
create policy "Anyone can view active products"
on public.products for select to anon, authenticated
using (active = true);
create policy "Admins manage products"
on public.products for all to authenticated
using ((auth.jwt() ->> 'email') = 'discordbot@coolsite.net')
with check ((auth.jwt() ->> 'email') = 'discordbot@coolsite.net');
create policy "Anyone can submit orders"
on public.orders for insert to anon, authenticated
with check (true);
create policy "Admins view orders"
on public.orders for select to authenticated
using ((auth.jwt() ->> 'email') = 'discordbot@coolsite.net');
insert into public.products (name, description)
values ('Chicken', 'Chicken order.'), ('Konjac', 'Konjac order.');In Supabase Authentication, create/confirm the admin user with the email above and your chosen password. In Project Settings → API, copy the Project URL and anon/public key into the CONFIG section. Then deploy this updated HTML to rehost.it.
Order requests only · No payment collected