Remix

Make your own version of SageCare Access

Edit the prompt below and generate a customized version in seconds.

Original by WhoIs Me?

Describe your app

Day 1: Foundation, Auth & Role-Based Access Control (RBAC)
Prompt:

"Initialize a full-stack React application connected to a Supabase backend. The UI aesthetic must be 'Soft Clinical Elegance' (sage green primary #789B8A, warm off-white background #FBFBF9, subtle glassmorphism for cards, organic 16px rounded corners, Plus Jakarta Sans font).
Task 1 (DB Schema): Create a profiles table extending Supabase Auth. Fields: id, email, full_name, role (enum: 'SUPER_ADMIN', 'ASSISTANT', 'USER'), phone, avatar_url.
Task 2 (Auth Flow): Build a comprehensive Auth flow (Login, Register, OTP, Password Reset). Implement strict protected routing using React Router.
Task 3 (Dashboards): Generate three distinct dashboard shell layouts. 1. Admin Dashboard (sidebar navigation). 2. Assistant Dashboard (limited sidebar). 3. Patient Dashboard (top navigation with a clean, welcoming hero section).
Task 4 (Logic): Implement a persistent layout wrapper that checks the JWT/Session state. If a USER tries to access an ADMIN route, redirect to /unauthorized. Do not use boilerplate Tailwind templates; build custom, breathable UI components."

Free to use. No credit card required.