Modern parking marketplace MVP built with Next.js App Router, TypeScript, Tailwind CSS, shadcn-style UI components, Supabase, and Mapbox.
- Install dependencies:
npm install- Copy
.env.exampleto.env.localand add:
NEXT_PUBLIC_SUPABASE_URLNEXT_PUBLIC_SUPABASE_PUBLISHABLE_KEYNEXT_PUBLIC_MAPBOX_TOKEN
-
In Supabase, run the SQL in supabase/setup.sql.
-
In Supabase Authentication:
- Enable the
Googleprovider - Set the site URL to
http://localhost:3000 - Add the redirect URL
http://localhost:3000/auth/callback
-
In Google Cloud Console, add the same callback URL to your OAuth client.
-
Start the app:
npm run dev- Google OAuth with Supabase Auth, profile sync, protected routes, signed-in navbar state, and sign out
- Map-first driver browsing UI with filters, price markers, clustering, demo Isla Vista/UCSB listings, reservation flow, and booking confirmation
- Host dashboard with listing management, interactive pin placement, photo upload to Supabase Storage, and booking visibility
- Supabase schema for profiles, parking spots, spot photos, availability windows, and overlap-safe bookings
- Tailwind-based design system with reusable UI primitives