This repository contains the front-end implementation of a biomedical interface prototype developed using React. It was created for an academic project as part of the Introduction to Biomedical Engineering course. The purpose of this project is to simulate the UI of a biomedical monitoring or diagnostic device.

The application presents a modular and responsive user interface designed to represent real-time physiological data or system outputs from biomedical sensors. While the backend is not implemented, this project focuses on UI structure, layout, and data visualization readiness.

• Developed using the Create React App framework
• Simulated interface for displaying sensor readings
• Clean and responsive UI for medical device applications
• Structured and maintainable codebase for future integration

• React.js – Front-end library
• JavaScript (ES6) – Logic and scripting
• CSS – Styling and layout
• HTML – Base structure

bio-device/
├── public/               # Static files and HTML template
├── src/                  # Source code and components
│   └── App.js            # Main application component
│   └── components/       # Custom UI components (if any)
├── package.json          # Project configuration and dependencies
├── README.md             # Project documentation

• Node.js (v14 or newer)
• npm (or yarn)

git clone https://github.com/murtazahussainii/bio-device.git
cd bio-device
npm install

npm start

This will start the development server and open the application in your browser at http://localhost:3000.

This project was completed as part of the biomedical systems design coursework at York University. It was intended to demonstrate the front-end capabilities for interacting with biomedical devices or displaying real-time health metrics in a user-friendly interface.