VitaGene Practitioner Platform
A comprehensive platform for medical practitioners to manage patients, scripts, and rewards, integrated with Shopify and Supabase.
🚀 Recent Updates (Mar 16, 2026)
🏥 Patient Management & Forms
Modern Patient Wizard: Refactored the patient creation flow into a clean, 3-step wizard with standard card styles and no inset wells.
Enhanced Validation: Added split fields for emergency contacts and robust Zod validation across all patient forms.
UI Consistency: Standardised 46px button heights and applied universal WS47-ULTRA design language.
📜 Scripting & Feedback
Patient Feedback System: New public route for patients to review scripts and request edits directly via a secure link.
Secure Integration: Bypasses authentication for public review using dedicated Supabase Edge Functions.
Email Refinement: Transactional emails now feature CDN-hosted assets and optimized layouts for better readability.
🔔 Notification System
Real-time Alerts: In-app notifications for transactions, script creation, and reward updates.
User Preferences: Added granular toggles in Settings to allow users to opt-in/out of specific notification types.
Trigger-based Logic: Automated notifications powered by backend PostgreSQL triggers.
🛍️ Product Catalog & Search
Smart Filtering: Fixed backend pagination and implemented robust sorting by Best Sellers, A-Z, Price, and Newest.
Selection Feedback: Visual "Selected" states in the product browser to improve the scripting experience.
Avatar Management: Resolved profile image upload reliability with improved error handling and backend validation.
🛠️ Tech Stack
Frontend: React, Vite, TypeScript, Tailwind CSS, Shadcn UI.
Backend: Supabase Edge Functions (Deno), PostgreSQL.
Integrations: Shopify Admin API, SendGrid (Email), PayFast (Payments).
Environment: Doppler (Secret management).
🏁 Getting Started
Clone the repo
Install dependencies: cd react-app-frontend && npm install
Run Doppler: doppler run -- npm run dev
Deploy Backend: supabase functions deploy api-gateway
⚖️ Standards
UK English: Strictly enforce UK spelling (Initialise, Authorise, Programme, etc.).
Visual Standards: 20px gaps, physical border eradication, glassmorphism layers.
Memory Bank: All architectural decisions and task context are maintained in the /memory-bank directory.
© 2026 VitaGene Practitioner Team. All rights reserved. webdesigner…VitaGene Practitioner Platform
A comprehensive platform for medical practitioners to manage patients, scripts, and rewards, integrated with Shopify and Supabase.
🚀 Recent Updates (Mar 16, 2026)
🏥 Patient Management & Forms
Modern Patient Wizard: Refactored the patient creation flow into a clean, 3-step wizard with standard card styles and no inset wells.
Enhanced Validation: Added split fields for emergency contacts and robust Zod validation across all patient forms.
UI Consistency: Standardised 46px button heights and applied universal WS47-ULTRA design language.
📜 Scripting & Feedback
Patient Feedback System: New public route for patients to review scripts and request edits directly via a secure link.
Secure Integration: Bypasses authentication for public review using dedicated Supabase Edge Functions.
Email Refinement: Transactional emails now feature CDN-hosted assets and optimized layouts for better readability.
🔔 Notification System
Real-time Alerts: In-app notifications for transactions, script creation, and reward updates.
User Preferences: Added granular toggles in Settings to allow users to opt-in/out of specific notification types.
Trigger-based Logic: Automated notifications powered by backend PostgreSQL triggers.
🛍️ Product Catalog & Search
Smart Filtering: Fixed backend pagination and implemented robust sorting by Best Sellers, A-Z, Price, and Newest.
Selection Feedback: Visual "Selected" states in the product browser to improve the scripting experience.
Avatar Management: Resolved profile image upload reliability with improved error handling and backend validation.
🛠️ Tech Stack
Frontend: React, Vite, TypeScript, Tailwind CSS, Shadcn UI.
Backend: Supabase Edge Functions (Deno), PostgreSQL.
Integrations: Shopify Admin API, SendGrid (Email), PayFast (Payments).
Environment: Doppler (Secret management).
🏁 Getting Started
Clone the repo
Install dependencies: cd react-app-frontend && npm install
Run Doppler: doppler run -- npm run dev
Deploy Backend: supabase functions deploy api-gateway
⚖️ Standards
UK English: Strictly enforce UK spelling (Initialise, Authorise, Programme, etc.).
Visual Standards: 20px gaps, physical border eradication, glassmorphism layers.
Memory Bank: All architectural decisions and task context are maintained in the /memory-bank directory.
© 2026 VitaGene Practitioner Team. All rights reserved. webdesignerWW…