Index: frontend/src/App.js =================================================================== --- frontend/src/App.js (revision e5d5ff9cb218e6c76b1a61931d2095ae3dcf48b5) +++ frontend/src/App.js (revision 20468d38749c5a3ed89d6df4db22905a1d0c3df1) @@ -2,4 +2,18 @@ import './App.css'; import React, { useEffect, useState } from 'react'; +import Navbar from './components/Navbar'; +import ProtectedRoute from './components/ProtectedRoute'; +import Login from './pages/Login'; +import PatientList from './pages/patients/PatientList'; +import PatientDetail from './pages/patients/PatientDetail'; +import PatientForm from './pages/patients/PatientForm'; +import DoctorList from './pages/doctors/DoctorList'; +import DoctorDetail from './pages/doctors/DoctorDetail'; +import DoctorForm from './pages/doctors/DoctorForm';v +import AppointmentList from './pages/appointments/AppointmentList'; +import AppointmentForm from './pages/appointments/AppointmentForm'; +import DepartmentList from './pages/departments/DepartmentList'; +import DepartmentDetail from './pages/departments/DepartmentDetail'; +import DoctorsByDepartment from './pages/departments/DoctorsByDepartment'; @@ -13,4 +27,47 @@ } }, []); -} + + return ( + +
+ {user && } +
+ + } /> + + + + + } /> + + {/* Patient Routes */} + } /> + } /> + } /> + } /> + + {/* Doctor Routes */} + } /> + } /> + } /> + } /> + + {/* Department Routes */} + } /> + } /> + } /> + + {/* Appointment Routes */} + } /> + } /> + +
+
+ + ); + + + + } export default App; Index: frontend/src/pages/appointments/AppointmentForm.js =================================================================== --- frontend/src/pages/appointments/AppointmentForm.js (revision 20468d38749c5a3ed89d6df4db22905a1d0c3df1) +++ frontend/src/pages/appointments/AppointmentForm.js (revision 20468d38749c5a3ed89d6df4db22905a1d0c3df1) @@ -0,0 +1,186 @@ +import React, { useState, useEffect } from 'react'; +import { useNavigate } from 'react-router-dom'; +import { appointmentService } from '../../services/appointmentService'; +import { patientService } from '../../services/patientService'; +import { doctorService } from '../../services/doctorService'; +import ErrorAlert from '../../components/ErrorAlert'; +import SuccessAlert from '../../components/SuccessAlert'; + +function AppointmentForm() { + const navigate = useNavigate(); + const user = JSON.parse(localStorage.getItem('user') || '{}'); + const isPatient = user.role === 'PATIENT'; + const isDoctor = user.role === 'DOCTOR'; + + const [formData, setFormData] = useState({ + patientId: isPatient ? (user.patientId || '') : '', + doctorId: isDoctor ? (user.doctorId || '') : '', + appointmentDate: '', + appointmentTime: '', + }); + const [patients, setPatients] = useState([]); + const [doctors, setDoctors] = useState([]); + const [error, setError] = useState(null); + const [success, setSuccess] = useState(null); + const [loading, setLoading] = useState(false); + + useEffect(() => { + fetchData(); + }, []); + + const fetchData = async () => { + try { + // For patients, we don't need to fetch all patients + if (!isPatient) { + const patientsRes = await patientService.getAllPatients(); + setPatients(patientsRes.data); + } + + const doctorsRes = await doctorService.getAllDoctors(); + setDoctors(doctorsRes.data); + } catch (err) { + setError('Failed to fetch doctors'); + } + }; + + const handleChange = (e) => { + const { name, value } = e.target; + setFormData(prev => ({ + ...prev, + [name]: value + })); + }; + + const handleSubmit = async (e) => { + e.preventDefault(); + + if (!formData.patientId || !formData.doctorId || !formData.appointmentDate || !formData.appointmentTime) { + setError('Please fill in all required fields'); + return; + } + + try { + setLoading(true); + await appointmentService.createAppointment({ + patientId: parseInt(formData.patientId), + doctorId: parseInt(formData.doctorId), + appointmentDate: formData.appointmentDate, + appointmentTime: formData.appointmentTime, + }); + setSuccess('Appointment created successfully!'); + setTimeout(() => navigate('/appointments'), 1500); + } catch (err) { + setError(err.response?.data?.error || 'Failed to create appointment'); + } finally { + setLoading(false); + } + }; + + return ( +
+

Create Appointment

+ + {error && setError(null)} />} + {success && setSuccess(null)} />} + +
+ {isPatient ? ( +
+

+ Patient: {user.firstName} {user.lastName} ({user.username}) +

+
+ ) : ( +
+ + +
+ )} + + {isDoctor ? ( +
+ +

+ Dr. {user.firstName} {user.lastName} +

+
+ ) : ( +
+ + +
+ )} + +
+
+ + +
+
+ + +
+
+ +
+ + +
+
+
+ ); +} + +export default AppointmentForm; Index: frontend/src/pages/appointments/AppointmentList.js =================================================================== --- frontend/src/pages/appointments/AppointmentList.js (revision 20468d38749c5a3ed89d6df4db22905a1d0c3df1) +++ frontend/src/pages/appointments/AppointmentList.js (revision 20468d38749c5a3ed89d6df4db22905a1d0c3df1) @@ -0,0 +1,128 @@ +import React, { useState, useEffect } from 'react'; +import { Link, useSearchParams } from 'react-router-dom'; +import { appointmentService } from '../../services/appointmentService'; +import Loading from '../../components/Loading'; +import ErrorAlert from '../../components/ErrorAlert'; + +function AppointmentList() { + const [appointments, setAppointments] = useState([]); + const [loading, setLoading] = useState(true); + const [error, setError] = useState(null); + const [searchParams] = useSearchParams(); + const doctorId = searchParams.get('doctorId'); + const patientId = searchParams.get('patientId'); + const user = JSON.parse(localStorage.getItem('user') || '{}'); + + useEffect(() => { + fetchAppointments(); + }, [doctorId, patientId]); + + const fetchAppointments = async () => { + try { + setLoading(true); + let response; + if (patientId) { + response = await appointmentService.getAppointmentsForPatient(patientId); + } else if (doctorId) { + response = await appointmentService.getAppointmentsForDoctor(doctorId); + } else if (user.role === 'PATIENT') { + response = await appointmentService.getAppointmentsForPatient(user.patientId); + } else if (user.role === 'DOCTOR') { + response = await appointmentService.getAppointmentsForDoctor(user.doctorId); + } else { + response = await appointmentService.getAllAppointments(); + } + setAppointments(response.data); + } catch (err) { + setError('Failed to fetch appointments'); + console.error(err); + } finally { + setLoading(false); + } + }; + + const handleCancelAppointment = async (id) => { + if (window.confirm('Are you sure you want to cancel this appointment?')) { + try { + await appointmentService.cancelAppointment(id); + setAppointments(appointments.map(apt => + apt.appointmentId === id ? { ...apt, status: 'CANCELLED' } : apt + )); + } catch (err) { + setError('Failed to cancel appointment'); + } + } + }; + + if (loading) return ; + + return ( +
+
+

+ {patientId ? 'Patient Appointments' : doctorId ? 'My Appointments' : 'All Appointments'} +

+ e.currentTarget.style.background = '#93c5fd'} onMouseLeave={(e) => e.currentTarget.style.background = '#bfdbfe'}> + New Appointment + +
+ + {error && setError(null)} />} + +
+ + + + + + + + + + + + + {appointments.map(appointment => ( + + + + + + + + + ))} + +
PatientDoctorDateTimeStatusActions
{appointment.patient?.firstName} {appointment.patient?.lastName}Dr. {appointment.doctor?.firstName} {appointment.doctor?.lastName}{appointment.appointmentDate}{appointment.appointmentTime} + + {appointment.status} + + + {appointment.status === 'SCHEDULED' && ( + + )} +
+
+
+ ); +} + +export default AppointmentList; Index: frontend/src/pages/departments/DepartmentDetail.js =================================================================== --- frontend/src/pages/departments/DepartmentDetail.js (revision 20468d38749c5a3ed89d6df4db22905a1d0c3df1) +++ frontend/src/pages/departments/DepartmentDetail.js (revision 20468d38749c5a3ed89d6df4db22905a1d0c3df1) @@ -0,0 +1,137 @@ +import React, { useState, useEffect } from 'react'; +import { useParams, useNavigate } from 'react-router-dom'; +import { departmentService } from '../../services/departmentService'; +import Loading from '../../components/Loading'; +import ErrorAlert from '../../components/ErrorAlert'; + +function DepartmentDetail() { + const formatDepartmentName = (name) => { + if (!name) return 'N/A'; + return name.replace(/_DEPT$/, '').replace(/_/g, ' ').split(' ').map(word => word.charAt(0).toUpperCase() + word.slice(1).toLowerCase()).join(' '); + }; + + const { departmentId } = useParams(); + const navigate = useNavigate(); + const [department, setDepartment] = useState(null); + const [doctors, setDoctors] = useState([]); + const [loading, setLoading] = useState(true); + const [error, setError] = useState(null); + + useEffect(() => { + fetchDepartmentAndDoctors(); + }, [departmentId]); + + const fetchDepartmentAndDoctors = async () => { + try { + setLoading(true); + + // Fetch department details + const deptResponse = await departmentService.getDepartmentById(departmentId); + setDepartment(deptResponse.data); + + // Fetch doctors for this department + const doctorsResponse = await departmentService.getDoctorsByDepartment(departmentId); + setDoctors(doctorsResponse.data); + } catch (err) { + setError('Failed to fetch data'); + console.error(err); + } finally { + setLoading(false); + } + }; + + if (loading) return ; + + if (!department) { + return ( +
+ navigate('/departments')} /> +
+ ); + } + + return ( +
+
+

{formatDepartmentName(department.departmentName)}

+ +
+ + {error && setError(null)} />} + +
+
+

Department Information

+
+
+ Department ID: + {department.departmentId} +
+
+ Name: + {formatDepartmentName(department.departmentName)} +
+
+ Total Doctors: + {doctors.length} +
+
+
+ +
+

Quick Actions

+
+ +
+
+
+ +
+

Assigned Doctors

+ {doctors.length > 0 ? ( + + + + + + + + + + {doctors.map((doctor) => ( + + + + + + ))} + +
NameEmailActions
+ {doctor.firstName} {doctor.lastName} + {doctor.emailAddress} + +
+ ) : ( +

No doctors assigned to this department

+ )} +
+
+ ); +} + +export default DepartmentDetail; Index: frontend/src/pages/departments/DepartmentList.js =================================================================== --- frontend/src/pages/departments/DepartmentList.js (revision 20468d38749c5a3ed89d6df4db22905a1d0c3df1) +++ frontend/src/pages/departments/DepartmentList.js (revision 20468d38749c5a3ed89d6df4db22905a1d0c3df1) @@ -0,0 +1,127 @@ +import React, { useState, useEffect } from 'react'; +import { Link, useNavigate } from 'react-router-dom'; +import { departmentService } from '../../services/departmentService'; +import Loading from '../../components/Loading'; +import ErrorAlert from '../../components/ErrorAlert'; + +function DepartmentList() { + const formatDepartmentName = (name) => { + if (!name) return 'N/A'; + return name.replace(/_DEPT$/, '').replace(/_/g, ' ').split(' ').map(word => word.charAt(0).toUpperCase() + word.slice(1).toLowerCase()).join(' '); + }; + + const user = JSON.parse(localStorage.getItem('user') || '{}'); + const isAdmin = user.role === 'ADMIN'; + const [departments, setDepartments] = useState([]); + const [loading, setLoading] = useState(true); + const [error, setError] = useState(null); + const navigate = useNavigate(); + + useEffect(() => { + fetchDepartments(); + }, []); + + const fetchDepartments = async () => { + try { + setLoading(true); + const response = await departmentService.getAllDepartments(); + setDepartments(response.data); + } catch (err) { + setError('Failed to fetch departments'); + console.error(err); + } finally { + setLoading(false); + } + }; + + if (loading) return ; + + return ( +
+
+

Hospital Departments

+ {isAdmin && ( +
+ +
+ )} +
+ + {error && setError(null)} />} + +
+ {departments.map((dept) => ( +
+

{formatDepartmentName(dept.departmentName)}

+
+ e.currentTarget.style.background = '#7e22ce'} + onMouseLeave={(e) => e.currentTarget.style.background = '#9333ea'} + > + View Doctors + + e.currentTarget.style.background = '#6d28d9'} + onMouseLeave={(e) => e.currentTarget.style.background = '#7c3aed'} + > + View Details + +
+
+ ))} +
+ + {departments.length === 0 && ( +
+

No departments found

+
+ )} +
+ ); +} + +export default DepartmentList; Index: frontend/src/pages/departments/DoctorsByDepartment.js =================================================================== --- frontend/src/pages/departments/DoctorsByDepartment.js (revision 20468d38749c5a3ed89d6df4db22905a1d0c3df1) +++ frontend/src/pages/departments/DoctorsByDepartment.js (revision 20468d38749c5a3ed89d6df4db22905a1d0c3df1) @@ -0,0 +1,109 @@ +import React, { useState, useEffect } from 'react'; +import { useParams, useNavigate } from 'react-router-dom'; +import { departmentService } from '../../services/departmentService'; +import Loading from '../../components/Loading'; +import ErrorAlert from '../../components/ErrorAlert'; + +function DoctorsByDepartment() { + const formatDepartmentName = (name) => { + if (!name) return 'N/A'; + return name.replace(/_DEPT$/, '').replace(/_/g, ' ').split(' ').map(word => word.charAt(0).toUpperCase() + word.slice(1).toLowerCase()).join(' '); + }; + + const { departmentId } = useParams(); + const navigate = useNavigate(); + const [department, setDepartment] = useState(null); + const [doctors, setDoctors] = useState([]); + const [loading, setLoading] = useState(true); + const [error, setError] = useState(null); + + useEffect(() => { + fetchDepartmentAndDoctors(); + }, [departmentId]); + + const fetchDepartmentAndDoctors = async () => { + try { + setLoading(true); + + // Fetch department details + const deptResponse = await departmentService.getDepartmentById(departmentId); + setDepartment(deptResponse.data); + + // Fetch doctors for this department + const doctorsResponse = await departmentService.getDoctorsByDepartment(departmentId); + setDoctors(doctorsResponse.data); + } catch (err) { + setError('Failed to fetch data'); + console.error(err); + } finally { + setLoading(false); + } + }; + + if (loading) return ; + + if (!department) { + return ( +
+ navigate('/departments')} /> +
+ ); + } + + return ( +
+
+
+

{formatDepartmentName(department.departmentName)}

+

Doctors in this department: {doctors.length}

+
+ +
+ + {error && setError(null)} />} + +
+ {doctors.length > 0 ? ( + + + + + + + + + + {doctors.map((doctor) => ( + + + + + + ))} + +
NameEmailActions
+ {doctor.firstName} {doctor.lastName} + {doctor.emailAddress} + +
+ ) : ( +
+

No doctors assigned to this department

+
+ )} +
+
+ ); +} + +export default DoctorsByDepartment; Index: frontend/src/pages/doctors/DoctorDetail.js =================================================================== --- frontend/src/pages/doctors/DoctorDetail.js (revision 20468d38749c5a3ed89d6df4db22905a1d0c3df1) +++ frontend/src/pages/doctors/DoctorDetail.js (revision 20468d38749c5a3ed89d6df4db22905a1d0c3df1) @@ -0,0 +1,108 @@ +import React, { useState, useEffect } from 'react'; +import { useParams, Link, useNavigate } from 'react-router-dom'; +import { doctorService } from '../../services/doctorService'; +import Loading from '../../components/Loading'; +import ErrorAlert from '../../components/ErrorAlert'; + +function DoctorDetail() { + const formatDepartmentName = (name) => { + if (!name) return 'N/A'; + return name.replace(/_DEPT$/, '').replace(/_/g, ' ').split(' ').map(word => word.charAt(0).toUpperCase() + word.slice(1).toLowerCase()).join(' '); + }; + + const { id } = useParams(); + const navigate = useNavigate(); + const user = JSON.parse(localStorage.getItem('user') || '{}'); + const isPatient = user.role === 'PATIENT'; + const isAdmin = user.role === 'ADMIN'; + const isLabTechnician = user.role === 'LAB_TECHNICIAN'; + const isBillingAdmin = user.role === 'BILLING_ADMIN'; + + const [doctor, setDoctor] = useState(null); + const [loading, setLoading] = useState(true); + const [error, setError] = useState(null); + + useEffect(() => { + fetchDoctor(); + }, [id]); + + const fetchDoctor = async () => { + try { + setLoading(true); + const response = await doctorService.getDoctorById(id); + setDoctor(response.data); + } catch (err) { + setError('Failed to fetch doctor details'); + console.error(err); + } finally { + setLoading(false); + } + }; + + if (loading) return ; + + if (!doctor) { + return ( +
+ navigate('/doctors')} /> +
+ ); + } + + return ( +
+
+

Dr. {doctor.firstName} {doctor.lastName}

+
+ {isAdmin && ( + + Edit + + )} + +
+
+ + {error && setError(null)} />} + +
+
+

Professional Information

+
+ + + + +
+
+ + {!isPatient && !isLabTechnician && !isBillingAdmin && ( +
+

Quick Links

+
+ + View My Appointments + + + View Patients + +
+
+ )} +
+
+ ); +} + +function InfoRow({ label, value }) { + return ( +
+ {label}: + {value || 'N/A'} +
+ ); +} + +export default DoctorDetail; Index: frontend/src/pages/doctors/DoctorForm.js =================================================================== --- frontend/src/pages/doctors/DoctorForm.js (revision 20468d38749c5a3ed89d6df4db22905a1d0c3df1) +++ frontend/src/pages/doctors/DoctorForm.js (revision 20468d38749c5a3ed89d6df4db22905a1d0c3df1) @@ -0,0 +1,184 @@ +import React, { useState, useEffect } from 'react'; +import { useNavigate, useParams } from 'react-router-dom'; +import { doctorService } from '../../services/doctorService'; +import ErrorAlert from '../../components/ErrorAlert'; +import SuccessAlert from '../../components/SuccessAlert'; + +function DoctorForm() { + const { id } = useParams(); + const navigate = useNavigate(); + const [formData, setFormData] = useState({ + firstName: '', + lastName: '', + emailAddress: '', + levelId: '', + specializationId: '', + departmentId: '', + }); + const [error, setError] = useState(null); + const [success, setSuccess] = useState(null); + const [loading, setLoading] = useState(false); + + useEffect(() => { + if (id) { + fetchDoctor(); + } + }, [id]); + + const fetchDoctor = async () => { + try { + setLoading(true); + const response = await doctorService.getDoctorById(id); + setFormData({ + firstName: response.data.firstName, + lastName: response.data.lastName, + emailAddress: response.data.emailAddress, + levelId: response.data.level?.levelId || '', + specializationId: response.data.specialization?.specializationId || '', + departmentId: response.data.department?.departmentId || '', + }); + } catch (err) { + setError('Failed to fetch doctor'); + } finally { + setLoading(false); + } + }; + + const handleChange = (e) => { + const { name, value } = e.target; + setFormData(prev => ({ + ...prev, + [name]: value + })); + }; + + const handleSubmit = async (e) => { + e.preventDefault(); + + if (!formData.firstName || !formData.lastName || !formData.emailAddress) { + setError('Please fill in all required fields'); + return; + } + + try { + setLoading(true); + if (id) { + await doctorService.updateDoctor(id, formData); + setSuccess('Doctor updated successfully!'); + } else { + await doctorService.createDoctor(formData); + setSuccess('Doctor created successfully!'); + } + setTimeout(() => navigate('/doctors'), 1500); + } catch (err) { + setError(err.response?.data?.error || 'Failed to save doctor'); + } finally { + setLoading(false); + } + }; + + return ( +
+

+ {id ? 'Edit Doctor' : 'Add New Doctor'} +

+ + {error && setError(null)} />} + {success && setSuccess(null)} />} + +
+
+
+ + +
+
+ + +
+
+ +
+ + +
+ +
+
+ + +
+
+ + +
+
+ + +
+
+ +
+ + +
+
+
+ ); +} + +export default DoctorForm; Index: frontend/src/pages/doctors/DoctorList.js =================================================================== --- frontend/src/pages/doctors/DoctorList.js (revision 20468d38749c5a3ed89d6df4db22905a1d0c3df1) +++ frontend/src/pages/doctors/DoctorList.js (revision 20468d38749c5a3ed89d6df4db22905a1d0c3df1) @@ -0,0 +1,106 @@ +import React, { useState, useEffect } from 'react'; +import { Link } from 'react-router-dom'; +import { doctorService } from '../../services/doctorService'; +import Loading from '../../components/Loading'; +import ErrorAlert from '../../components/ErrorAlert'; + +function DoctorList() { + const user = JSON.parse(localStorage.getItem('user') || '{}'); + const isAdmin = user.role === 'ADMIN'; + const [doctors, setDoctors] = useState([]); + const [loading, setLoading] = useState(true); + const [error, setError] = useState(null); + const [searchTerm, setSearchTerm] = useState(''); + + useEffect(() => { + fetchDoctors(); + }, []); + + const fetchDoctors = async () => { + try { + setLoading(true); + const response = await doctorService.getAllDoctors(); + setDoctors(response.data); + } catch (err) { + setError('Failed to fetch doctors'); + console.error(err); + } finally { + setLoading(false); + } + }; + + const filteredDoctors = doctors.filter(doctor => + doctor.firstName.toLowerCase().includes(searchTerm.toLowerCase()) || + doctor.lastName.toLowerCase().includes(searchTerm.toLowerCase()) || + doctor.emailAddress.includes(searchTerm) + ); + + if (loading) return ; + + return ( +
+
+

Doctors

+ {isAdmin && ( + e.currentTarget.style.background = '#93c5fd'} onMouseLeave={(e) => e.currentTarget.style.background = '#bfdbfe'}> + Add Doctor + + )} +
+ + {error && setError(null)} />} + +
+ setSearchTerm(e.target.value)} + /> +
+ +
+ + + + + + + + + + + + + {filteredDoctors.map(doctor => ( + + + + + + + + + ))} + +
NameEmailSpecializationLevelDepartmentActions
{doctor.firstName} {doctor.lastName}{doctor.emailAddress}{doctor.specialization?.specializationName || 'N/A'}{doctor.level?.level || 'N/A'}{doctor.department?.departmentName ? doctor.department.departmentName.replace(/_DEPT$/, '').replace(/_/g, ' ').split(' ').map(word => word.charAt(0).toUpperCase() + word.slice(1).toLowerCase()).join(' ') : 'N/A'} + e.currentTarget.style.textDecoration = 'underline'} onMouseLeave={(e) => e.currentTarget.style.textDecoration = 'none'}> + View + +
+
+
+ ); +} + +export default DoctorList; Index: frontend/src/services/appointmentService.js =================================================================== --- frontend/src/services/appointmentService.js (revision 20468d38749c5a3ed89d6df4db22905a1d0c3df1) +++ frontend/src/services/appointmentService.js (revision 20468d38749c5a3ed89d6df4db22905a1d0c3df1) @@ -0,0 +1,23 @@ +import apiClient from './api'; + +const ENDPOINT = '/appointments'; + +export const appointmentService = { + getAllAppointments: () => apiClient.get(ENDPOINT), + + getAppointmentById: (id) => apiClient.get(`${ENDPOINT}/${id}`), + + getAppointmentsForPatient: (patientId) => apiClient.get(`${ENDPOINT}/patient/${patientId}`), + + getAppointmentsForDoctor: (doctorId) => apiClient.get(`${ENDPOINT}/doctor/${doctorId}`), + + getDoctorSchedule: (doctorId, date) => apiClient.get(`${ENDPOINT}/doctor/${doctorId}/schedule`, { + params: { date } + }), + + createAppointment: (appointment) => apiClient.post(ENDPOINT, appointment), + + cancelAppointment: (id) => apiClient.patch(`${ENDPOINT}/${id}/cancel`), + + completeAppointment: (id) => apiClient.patch(`${ENDPOINT}/${id}/complete`), +}; Index: frontend/src/services/departmentService.js =================================================================== --- frontend/src/services/departmentService.js (revision 20468d38749c5a3ed89d6df4db22905a1d0c3df1) +++ frontend/src/services/departmentService.js (revision 20468d38749c5a3ed89d6df4db22905a1d0c3df1) @@ -0,0 +1,15 @@ +import apiClient from './api'; + +const ENDPOINT = '/departments'; + +export const departmentService = { + getAllDepartments: () => apiClient.get(ENDPOINT), + + getDepartmentById: (id) => apiClient.get(`${ENDPOINT}/${id}`), + + getDoctorsByDepartment: (departmentId) => apiClient.get(`${ENDPOINT}/${departmentId}/doctors`), + + createDepartment: (departmentData) => apiClient.post(ENDPOINT, departmentData), + + updateDepartment: (id, departmentData) => apiClient.put(`${ENDPOINT}/${id}`, departmentData), +}; Index: frontend/src/services/doctorService.js =================================================================== --- frontend/src/services/doctorService.js (revision 20468d38749c5a3ed89d6df4db22905a1d0c3df1) +++ frontend/src/services/doctorService.js (revision 20468d38749c5a3ed89d6df4db22905a1d0c3df1) @@ -0,0 +1,21 @@ +import apiClient from './api'; + +const ENDPOINT = '/doctors'; + +export const doctorService = { + getAllDoctors: () => apiClient.get(ENDPOINT), + + getDoctorById: (id) => apiClient.get(`${ENDPOINT}/${id}`), + + getDoctorByEmail: (email) => apiClient.get(`${ENDPOINT}/email/${email}`), + + getDoctorsByDepartment: (departmentId) => apiClient.get(`${ENDPOINT}/department/${departmentId}`), + + getDoctorsBySpecialization: (specializationId) => apiClient.get(`${ENDPOINT}/specialization/${specializationId}`), + + getDoctorsByLevel: (levelId) => apiClient.get(`${ENDPOINT}/level/${levelId}`), + + createDoctor: (doctor) => apiClient.post(ENDPOINT, doctor), + + updateDoctor: (id, doctor) => apiClient.put(`${ENDPOINT}/${id}`, doctor), +}; Index: frontend/src/services/patientService.js =================================================================== --- frontend/src/services/patientService.js (revision 20468d38749c5a3ed89d6df4db22905a1d0c3df1) +++ frontend/src/services/patientService.js (revision 20468d38749c5a3ed89d6df4db22905a1d0c3df1) @@ -0,0 +1,17 @@ +import apiClient from './api'; + +const ENDPOINT = '/patients'; + +export const patientService = { + getAllPatients: () => apiClient.get(ENDPOINT), + + getPatientById: (id) => apiClient.get(`${ENDPOINT}/${id}`), + + getPatientByEmbg: (embg) => apiClient.get(`${ENDPOINT}/embg/${embg}`), + + getPatientByEmail: (email) => apiClient.get(`${ENDPOINT}/email/${email}`), + + createPatient: (patient) => apiClient.post(ENDPOINT, patient), + + updatePatient: (id, patient) => apiClient.put(`${ENDPOINT}/${id}`, patient), +};