A Doctor-Patient Management System for booking appointments, handling medical queries, and managing patient records. Features include online slot booking, document uploads, emergency contacts, and doctor dashboards for viewing appointments and responding to patient queries.
npm install
npm run dev- React (v19)
- TypeScript (v5)
- React Router (v7) – Declarative routing for navigation management.
- Formik (v2) – Simplifies form handling and validation.
- Yup (v1) – Schema-based validation for form inputs.
- Tailwind CSS (v4)
- Vite (v6)
- Appwrite - Backend-as-a-service for authentication and database management.
src/
│── components/ (Reusable UI components)
│ ├── ClinicUI/(Primitive UI elements used in larger components)
│ │ ├── Button/
│ │ │ ├── PrimaryButton.tsx
│ │ │ ├── SecondaryButton.tsx
│ │ │ ├── index.ts (Re-exports buttons for easy imports)
│ │ ├── FormComponents/
│ │ │ ├── Input.tsx
│ │ │ ├── Select.tsx
│ │ │ ├── Checkbox.tsx
│ │ │ ├── index.ts (Re-exports form components)
│ │ ├── index.ts(Re-exports all UI components)
│ ├── Logo.tsx
│ ├── ... other components
│
│── pages/ (App pages/screens)
│ ├── Home.tsx
│ ├── SignUp.tsx
│ ├── NotFound.tsx
│ ├── ... other pages
│
│── appwrite/ (Appwrite services)
│ ├── auth.ts
│ ├── config.ts
│ ├── index.ts(Re-exports all appwrite services)
│
│── utils/(Utility functions/helpers)
│ ├── schemas/ (Yup validation schemas)
│ │ ├── loginSchema.ts
│ ├── ... other utility files
│
│── hooks/ (Custom React hooks)
│ ├── ... hooks
│
│── index.css (Global styles, theme variables, and Tailwind setup)
|
│── router.tsx (Application routing)
│
│── constants/
│ ├── common.ts
│ ├── ... other constant files
|
│── main.tsx Note:
- As of now no hooks are added.
@clinic-ui: UI Components Directory@components: Components Directory@pages: Pages Directory@utils: Utils Directory@constants: Constants Directory
-
SignUp Page
-
Login Page
-
Home Page (Will add more components)
-
Not Found Page
