Medrotic is a state-of-the-art healthcare management system designed to provide a seamless experience for patients, doctors, and administrators. Built with a focus on modern aesthetics, security, and performance, it bridges the gap between healthcare providers and patients.
Medrotic follows a decoupled architecture with an Angular frontend and a .NET Core backend.
graph TD
User((User)) --> WebUI[Angular Frontend]
WebUI --> API[Medrotic .NET API]
API --> DB[(Database)]
WebUI --> Vercel[Vercel Serverless Functions]
- Intuitive Dashboard: Overview of health metrics and upcoming appointments.
- CNIC-First Identity: Secure identity management using region-specific identifiers.
- AI Health Assistant: Integrated chatbot for preliminary health queries and guidance.
- Health Records: Secure access to medical history, X-rays, and digital prescriptions.
- Advanced Patient Management: Specialized tools for patient history and record-linked lookups.
- AI-Powered Diagnostics: Support for approving and managing AI-generated diagnostic results.
- Schedule Optimization: Real-time tracking of appointments and surgical consultations.
- Document & Imaging: Direct management of X-rays and medical documentation.
- System-Wide Control: Management of doctors, patients, hospitals, and sub-admins.
- Performance Analytics: Real-time system health monitoring and user KPIs.
- Audit & Compliance: Secure role-based access control and detailed activity logs.
| Layer | Technology |
|---|---|
| Frontend Framework | Angular 20.3 |
| Backend Framework | .NET Core API |
| Styling & UI | Bootstrap 5, SCSS, Custom Premium Animations |
| Data Visualization | Chart.js |
| Hosting | Vercel (Edge Functions & SSR) |
- Node.js: v18+ (LTS recommended)
- .NET SDK: v8.0+ (for API development)
- Angular CLI: Optional, but recommended (
npm i -g @angular/cli)
-
Clone the repository:
git clone https://github.com/YourRepo/Medrotic.git
-
Frontend Setup:
cd Medrotic npm install -
Backend Setup:
cd Medrotic.Api dotnet restore
Wait, how do we run it? The standard npm start (which runs ng serve) is good for the frontend.
For development, you can run the following:
-
Frontend:
npm start
-
Backend API:
cd Medrotic.Api/Medrotic.Api dotnet run
Medrotic/
├── src/ # Frontend Angular source
│ ├── app/ # Main application logic
│ │ ├── admin/ # Admin dashboard module
│ │ ├── doctor/ # Doctor portal module
│ │ ├── patient/ # Patient portal module
│ │ └── common/ # Shared components (Home, FAQ, etc.)
│ └── public/ # Static assets & images
├── Medrotic.Api/ # Backend .NET Solution
├── api/ # Vercel serverless functions
└── vercel.json # Deployment configuration
Angular uses src/environments for configuration.
- Development:
src/environments/environment.ts - Production:
src/environments/environment.prod.ts
Make sure to update the apiUrl to point to your deployed Medrotic.Api instance.
For contact form SMTP delivery (handled only on the server), set these environment variables in your hosting platform:
SMTP_HOSTSMTP_PORT(for example,587)SMTP_SECURE(trueorfalse)SMTP_USERSMTP_PASSCONTACT_FROM(optional sender address; defaults toSMTP_USER)CONTACT_FROM_NAME(optional sender display name, for exampleMedrotic Support)CONTACT_RECIPIENT(private inbox address that receives contact form submissions)
Do not place SMTP credentials or contact recipient addresses in frontend files.
| Command | Description |
|---|---|
npm start |
Runs ng serve for local frontend development. |
npm run build |
Builds the production bundle in dist/. |
npm test |
Executes unit tests via Karma. |
npm run serve:ssr:frontend |
Serves the SSR version of the app locally. |
Distributed under the MIT License. See LICENSE for more information.
Developed by the Medrotic Team at CUI.