How nikhil-java-dev/hospital-management-system-frontend works
This React frontend supports patient and doctor workflows alongside administrative doctor management. Users enter through the shared router, register or log in, and use role-specific pages to manage profiles, schedule or review appointments, and access clinical notes and reports. Sampled components show direct HTTP calls to backend APIs; the README also documents PDF report generation and availability management, but their implementation details were not sampled. The graph therefore shows documented capabilities without assuming uncertain component wiring.
Main entry points: Router.jsx Route table · PatientAllMedicalReports.jsx Patient reports · GetAppointment.jsx Patient booking · DoctorAppointByPatients.jsx Doctor appointments
Components 26
Application navigation
- React app
src/App.jsx - Route table
src/ElRouter/Router.jsx - Home
src/pages/homepage/Home.jsx - Doctor page
src/pages/doctor/Doctors.jsx - Patient page
src/pages/patients/Patients.jsx - Contact page
src/pages/contact/Contact.jsx - Shared layout
src/pages/layout/Layout.jsx
Identity and profiles
- Role login
src/pages/login/Login.jsx - Patient registration
src/pages/register/Register.jsx - Doctor registration
src/components/doctorReg/DoctorReg.jsx - Patient profile
src/components/patientsProfile/PatientsProfile.jsx - Doctor profile
src/components/doctorProfile/DoctorProfile.jsx
Appointments
- Appointment page
src/pages/appointments/Appointment.jsx - Patient booking
src/components/patientAppointments/GetAppointment.jsx - Appointment history
src/components/patientAppointments/PatientAppointmentList.jsx - Doctor appointments
src/components/doctorAppointments/DoctorAppointByPatients.jsx
Clinical records and admin
- Patient meeting view
src/pages/patientsAndDoctorViewPageByAppointment/DoctorAndPatientMeeting.jsx - Create medical notes
src/components/doctorNotesCreate/CreateDoctorNotes.jsx - Doctor notes
src/components/doctorNotes/DoctorNote.jsx - Patient reports
src/components/doctorNotesCreate/PatientAllMedicalReports.jsx - Admin dashboard
src/pages/adminDashboard/Admin.jsx - Doctor directory
src/components/doctorsList/DoctorsList.jsx - Edit doctor
src/pages/adminDashboard/DoctorsEdit.jsx - PDF generation
src/components/doctorNotesCreate
Other components
- Patient / doctor / admin
- Hospital backend API
Connections 27
- Patient / doctor / admin → React app: opens
- React app → Route table: provides routes
- Route table → Shared layout: wraps routes
- Route table → Home: routes to
- Route table → Doctor page: routes to
- Route table → Patient page: routes to
- Route table → Contact page: routes to
- Route table → Role login: routes to
- Route table → Patient registration: routes to
- Route table → Appointment page: routes to
- Route table → Admin dashboard: routes to
- Route table → Edit doctor: routes to
- Route table → Patient meeting view: routes to
- Role login → Hospital backend API: authenticates
- Patient registration → Hospital backend API: registers patient
- Doctor registration → Hospital backend API: registers doctor
- Patient booking → Hospital backend API: loads doctors and patient
- Patient booking → Hospital backend API: creates appointment
- Doctor appointments → Hospital backend API: fetches appointments
- Doctor appointments → Patient meeting view: opens patient view
- Patient reports → Hospital backend API: fetches notes
- Appointment page → Hospital backend API: submits guest booking
- Patient / doctor / admin → Patient booking: books visit
- Patient / doctor / admin → Doctor appointments: reviews schedule
- Patient / doctor / admin → Patient reports: views reports
- Patient / doctor / admin → Admin dashboard: manages doctors
- Patient reports → PDF generation: downloads PDF