samar23dev/healthcare-react repository overview

⁠Healthcare React App

A full-stack healthcare web application built with React + Vite, backed by Supabase.

⁠Tech Stack

• Frontend: React 19, React Router v7, Vite 8
• Backend: Supabase (Auth + PostgreSQL)
• Styling: Vanilla CSS (custom design system)
• Containerization: Docker + Docker Compose

⁠Features

• Email/Password & Google OAuth authentication
• Role-based access control (user / admin)
• Doctor directory — add, view, delete
• Patient management — add, view, delete
• Protected routes
• Responsive design (mobile + desktop)

⁠Getting Started

⁠Prerequisites

• Node.js 20+
• A Supabase⁠ project

⁠Environment Variables

Copy .env.example to .env and fill in your Supabase credentials:

cp .env.example .env

VITE_SUPABASE_URL=https://your-project.supabase.co
VITE_SUPABASE_ANON_KEY=your-anon-key

⁠Run Locally

npm install
npm run dev
# App runs at http://localhost:5173

⁠Run with Docker

See DOCKER_SETUP.md⁠ for Docker and Docker Compose instructions.

⁠Database Tables

⁠Making a User Admin

1. Sign up normally
2. Open the Supabase dashboard → profiles table
3. Set the user's role to 'admin'
4. Refresh the app — the Admin panel will appear in the header

⁠Scripts

⁠Deployment

The project includes an amplify.yml for AWS Amplify deployment. For other platforms, run npm run build and deploy the dist/ folder to any static host (Vercel, Netlify, Firebase Hosting, etc.).