SN
All projects
Full-stack · Web App2025

Tutoring & Booking Website

A responsive tutoring site with lesson booking, backed by Supabase (Postgres).

Private repository
Supabase
Postgres backend + auth
Responsive
Mobile-first, bilingual (EN/AR)
Booking
Live lesson-slot flow

Tech stack

  • JavaScript
  • Supabase
  • PostgreSQL
  • HTML / CSS
  • Static hosting

Problem

A private tutor needed a professional web presence that also lets prospective students book lessons — without paying for or maintaining a custom server.

Approach

I built a responsive website (services, pricing, reviews, contact) with a live lesson-booking flow wired to Supabase (PostgreSQL). The front end talks directly to Supabase using a defined SQL schema, so there's no custom backend to run — bookings land straight in the database, and the whole site deploys as static hosting. It ships bilingual (English / Arabic) with light and dark themes.

Results

A clean, mobile-friendly site that turns visitors into booking requests, with a real Postgres backend behind it and a documented, one-step deploy — all with zero server maintenance.

Notable engineering

  • Responsive tutoring website with services, pricing, reviews and a live lesson-booking flow.
  • Supabase (PostgreSQL) backend with a defined SQL schema for bookings.
  • Bilingual (English / Arabic) with light and dark modes.
  • No custom backend — a static front end talking directly to Supabase; documented one-step deploy.

Screenshots & diagrams

Real UI captures and figures — source is private and client brands are not shown.

The hero — value prop, CTAs and a live available-slots panel.
Social proof — real before/after learner outcomes.
Architecture — a static front end directly on Supabase (Postgres).

Deep dive

The design goal was a zero-maintenance stack: a static, responsive front end that talks straight to Supabase for data and auth, with a small, well-defined SQL schema backing the booking flow. That keeps hosting free and simple while still giving the client a real relational database (Postgres) behind their bookings — no server to patch, monitor, or pay for.