MedVista — Hospital Management System

Web Dev
Frontend
UI/UX
MedVista — Hospital Management System

Tech Stack

React
Javascript
HTML 5
CSS 3

Description

MedVista is a hospital management web application designed to bring common healthcare administration workflows together in one interface. It includes features for patient records, appointment scheduling, doctor reports, medicine management, and diet planning.

The project focuses on organizing healthcare-related information into dedicated screens and forms, with an emphasis on clear navigation, usability, and a responsive user interface.

  • Developed a hospital management interface using React and JavaScript.
  • Created patient listing and patient information forms.
  • Built appointment listing and appointment booking interfaces.
  • Designed interfaces for doctor reports and possible causes.
  • Added medicine management and diet planning screens.
  • Created login and user profile interfaces.
  • Organized application features into dedicated sections for easier navigation.
  • Focused on readable layouts, consistent UI patterns, and usability.

Demo Video

Watch the project walkthrough at 1 speed.

Page Info

Dashboard

A centralized dashboard that provides an overview of hospital information and helps users navigate the application's main features.

/projects/medvista/medvista-dashboard.jpg/projects/medvista/medvista-dashboard-list.jpg

Patient Management

Patient management interfaces for viewing patient records, reviewing details, and adding patient information.

/projects/medvista/medvista-patient-list.jpg/projects/medvista/medvista-patient-list-2.jpg/projects/medvista/medvista-add-patient-detail.jpg

Appointment Management

Appointment interfaces for scheduling appointments and reviewing appointment records.

/projects/medvista/medvista-appointment-list.jpg/projects/medvista/medvista-appoinment-list.jpg/projects/medvista/medvista-book-appointment-form.jpg

Doctor Reports

Doctor report interfaces for presenting medical reporting information in a structured format.

/projects/medvista/medvista-docters-report.jpg/projects/medvista/medvista-docters-reports.jpg/projects/medvista/medvista-docters-reportss.jpg

Medicine Management

A medicine management interface with a form for entering and organizing medicine information.

/projects/medvista/medvista-add-medicine-form.jpg

Diet Planning

Diet planning interfaces for presenting weekly diet plans and organizing dietary information.

/projects/medvista/medvista-dietplan-table.jpg/projects/medvista/medvista-weekly-dietplan.jpg

Possible Causes

An interface for entering and presenting possible causes associated with a patient's condition.

/projects/medvista/medvista-add-possible-cause.jpg

Login and Profile

Account interfaces for accessing the application and viewing profile information.

/projects/medvista/medvista-login-form.jpg/projects/medvista/medvista-profile-page.jpg

    Asif Ali Quraishi - Software Engineer