Project info

URL: Surgery Update Board

Key Features:

• Real-time surgery status updates
• Patient information display with privacy controls
• Mobile-responsive design for various screen sizes
• Automatic data refresh using short polling
• Status-based color coding (scheduled, in-progress, completed, delayed, cancelled)
• Pagination for large patient lists
• Live clock display

Screen Shots

Test Accounts

For testing purposes, use the following credentials:

Admin Account:

• Email:
• Password:

What technologies are used for this project?

This project is built with:

• Vite
• TypeScript
• React
• Material UI
• Supabase
• Tailwind CSS

Backend Setup

Install Dependencies

cd backend
npm install

Run the Server (Development)

npm run dev

Starts the backend server with hot reloading for development.

Run the Server (Production)

npm run build
npm run start

Builds the project and starts the production server.

Our Team

• Niamh Brown: GitHub / LinkedIn
• Venkata Santhosh: GitHub / LinkedIn
• Nsowah Alexander: GitHub / LinkedIn