Hospital Information System
Projects
Front-End Engineer (Graduation Project)

Hospital Information System

Full-stack HIS platform digitizing hospital workflows with dedicated modules for every role from patients to lab admins.

7
modules
7
roles
The Challenge icon

The Challenge

Healthcare staff relied on paper files, manual hand-offs, and scattered spreadsheets, leading to slow communication between departments, frequent data loss, and avoidable delays in patient care. Each role operated in isolation with no unified way to access or update information.

The Solution icon

The Solution

Designed a complete multi-role HIS ecosystem from the ground up. I mapped patient–doctor–receptionist workflows, created the UX in Adobe XD, and built a modular React front-end with clear role-based dashboards (patients, doctors, receptionists, pharmacy, lab/radiology, and medical secretary). Implemented routing guards, appointment flows, test/prescription request pipelines, and reusable UI components to ensure a scalable architecture.

The Impact icon

The Impact

Delivered a production-ready HIS that centralized hospital operations, improved inter-department communication, and reduced turnaround time for test requests and appointments. The project was evaluated as one of the strongest graduation submissions for demonstrating real-world workflow automation and clean front-end engineering.

Gallery

Hospital Information System - Image 1
Hospital Information System - Image 2
Hospital Information System - Image 3
Hospital Information System - Image 4
Hospital Information System - Image 5
Hospital Information System - Image 6
Hospital Information System - Image 7

Technologies Used

React
TypeScript
CSS
Adobe XD
React Router