laser-clinic

byAyesha Khan

Act as a Senior Full-Stack Developer. Build a comprehensive web application titled "Ahmad's Basic Health Care." The core goal is to develop a lightweight, user-friendly MVP (Minimum Viable Product) for a small clinic. Functional Requirements: * Role-Based Access: Create a secure authentication system for Patients (viewing history/booking) and Staff/Ahmad (managing appointments/updating patient vitals). * Appointment Management: A simple booking system that prevents double-booking and displays available time slots. * Patient Health Cards: A digital record for each user displaying blood type, allergies, current medications, and a history of past visits. * Prescription Viewer: A dedicated section where patients can download or view PDF versions of their prescribed treatments. Technical Specifications: * Frontend: Use React.js with Tailwind CSS. The UI must be mobile-responsive, accessible, and use a calming palette of medical blues and whites. * Backend/Database: Suggest a schema for a NoSQL or SQL database that handles relational data between doctors and patients efficiently. * Security: Implement basic HIPAA-compliant logic, ensuring data encryption at rest and in transit. Output Required: * Architecture Map: A high-level overview of how the frontend and backend interact. * Database Schema: A detailed structure for Users, Appointments, and MedicalRecords. * Frontend Code: A functional React boilerplate for the Patient Dashboard including a sidebar and "Recent Activity" feed. * UI/UX Guide: A brief style guide for maintaining a professional "Health Care" aesthetic.

Landing
Landing

Comments (0)

No comments yet. Be the first!

No page designs yet.

The Design Agent will generate JSX pages automatically after user flows are created.

No user flows yet.

The User Flow Agent will generate per-persona navigation diagrams after SRD updates.