This is the frontend of the MediTrack system developed using React-Vite.






The MediTrack system addresses the critical need for efficient hospital equipment detection and movement monitoring. It leverages computer vision to provide near real-time updates on the location and movement of medical instruments, enhancing operational efficiency and patient safety.
- Real-time equipment detection using YOLOv5
- User-friendly web interface for monitoring and management
- Historical data review with filtering options
- Secure login and user management
- Dashboard with dynamic search options
- Video feed and historical records viewing
To set up the MediTrack frontend locally, follow these steps:
-
Clone the repository:
git clone https://github.com/Ashani-Sansala/MediTrack_System_Frontend.git cd MediTrack_System_Frontend
-
Install dependencies:
npm install
-
Run the development server:
npm run dev
-
Navigate to the application:
-
Login: Use the provided credentials to log in to the system.
-
Dashboard: Access the real-time equipment tracking dashboard.
-
Historical Records: View past detection logs.
-
Manage Users: Add or remove users with appropriate roles.
-
Manage Cameras: Add or update camera details.
-
Video Feeds: Monitor live video feeds.