LabSphere is a modern web platform for managing labs, doctors, and patients with seamless authentication, booking, and verification flows. Built with Next.js, TypeScript, and Tailwind CSS, it provides a scalable and responsive application foundation.
First, run the development server:
npm run dev
# or
yarn dev
# or
pnpm dev
# or
bun devOpen http://labsphere-three.vercel.app in your browser to see the app.
You can start editing the UI by modifying files in the app/ directory (e.g., app/page.tsx). The app will auto-update as you make changes.
This project uses next/font to automatically optimize and load Geist.
- Frontend: Next.js 14 (App Router) + TypeScript + Tailwind CSS
- Authentication: Supabase (Email, Phone OTP, Social Logins) + Twilio OTP integration
- Database: PostgreSQL with Prisma ORM
- Storage: Supabase Storage for certificates and documents
- Deployment: Vercel (for frontend)
To dive deeper into the core technologies:
- Next.js Documentation – Next.js features and API.
- Supabase Documentation – Authentication, Database, and Storage.
- Prisma Documentation – Database ORM for PostgreSQL.
The easiest way to deploy LabSphere is to use Vercel for the frontend. For the backend (Supabase + PostgreSQL), check out the Supabase Deployment Guide.