University Hospital Bed Reservation System
- Dominant language
- TypeScript
- Stars
- 4.6k
- Forks
- 925
- PR merge metrics
- No merged PRs in 30d
Description
Application Name
University Hospital Bed Reservation System
نظام حجز سراير استراحة العاملين بمستشفى جامعة بورسعيد
---
Application Purpose
Develop a premium, modern hospital application for managing staff accommodation bed reservations at Port Said University Hospital.
The application should allow administrators to reserve, edit, transfer, cancel, and monitor all beds in real time with an elegant medical dashboard.
---
Branding
Use the official logos provided by the user.
Logos
Port Said University Hospital Logo
Port Said University Logo
---
Splash Screen
White medical background.
Display:
Hospital Logo
University Logo
Application Name
نظام حجز سراير استراحة العاملين
Port Said University Hospital Bed Reservation System
Smooth fade animation.
---
Home Screen
Display both logos at the top.
Hospital Logo (Left)
University Logo (Right)
Title
مستشفى جامعة بورسعيد
Port Said University Hospital
---
Executive Director Card
Inside a luxury glass card display
👩🏻⚕️ المدير التنفيذي لمستشفى جامعة بورسعيد
أ.م.د/ أسماء نبيل عيسى
---
Modern UI Design
Create a premium hospital dashboard.
Style:
Material Design 3
Premium Medical Theme
Glassmorphism
Soft Shadows
Rounded Corners (22px)
Beautiful Animations
Luxury Cards
Medical Icons
RTL Arabic
Responsive Design
Cairo Font
---
Color Palette
Primary
#0F4C81
Secondary
#00A8A8
Background
#F5F7FA
Cards
White
Available
Green
Reserved
Red
Maintenance
Gray
Emergency
Orange
---
Login Screen
Fields
Username
Password
Buttons
Login
Forgot Password
Background
Medical Pattern
---
Dashboard
Display beautiful animated statistics.
Statistics
Total Rooms
6
Total Beds
31
Available Beds
Reserved Beds
Beds Under Maintenance
Today's Reservations
Current Occupancy %
Emergency Beds
---
Quick Actions
New Reservation
Rooms
Reservations
Reports
Emergency Rooms
Notifications
Settings
---
Room Management
Regular Rooms
There are 4 Regular Rooms
Each room contains 5 Beds
Room 1
Bed 1
Bed 2
Bed 3
Bed 4
Bed 5
Room 2
5 Beds
Room 3
5 Beds
Room 4
5 Beds
Every Bed Status
🟢 Available
🔴 Reserved
⚪ Maintenance
Clicking a bed opens reservation details.
---
Emergency Section
Create a separate section named
قسم الطوارئ / الضرورة
Display it with a different color (Orange or Red).
Contains
Emergency Room (1)
3 Beds
Emergency Room (2)
4 Beds
Show emergency rooms inside special highlighted cards.
---
Reservation Details
Display
Employee Name
Employee ID
National ID
Department
Job Type
Gender
Phone Number
Room Number
Bed Number
Reservation Status
Check-in Date
Check-out Date
Notes
Reservation Duration
Created By
Last Updated
Buttons
Reserve
Edit
Transfer Bed
Cancel Reservation
Delete
---
New Reservation
Beautiful professional form.
Fields
Employee Name
Employee ID
National ID
Phone Number
Department
Job Type
Doctor
Nurse
Technician
Administrative
Worker
Gender
Male
Female
Room Type
Regular
Emergency
Room Number
Bed Number
Check-in Date
Check-out Date
Purpose of Stay
Notes
Buttons
Save Reservation
Cancel
Reset
---
Smart Validation
Cannot reserve occupied bed.
Cannot double-book.
Only available beds appear.
Automatically release bed after checkout.
Allow transfer between beds.
Warn before deleting reservation.
---
Reservations Screen
Beautiful searchable table.
Columns
Employee
Department
Job
Gender
Room
Bed
Room Type
Check-in
Check-out
Duration
Status
Actions
View
Edit
Transfer
Delete
---
Search & Filters
Search by
Employee Name
Employee ID
Department
Phone Number
Room Number
Emergency Room
Gender
Job Type
Date
Status
---
Reports
Professional Charts
Daily Reservations
Weekly Reservations
Monthly Reservations
Yearly Reservations
Available Beds
Reserved Beds
Occupancy %
Regular Rooms
Emergency Rooms
Most Used Room
Most Frequent Employee
Export
Excel
---
Notifications
Upcoming Checkout
Reservation Expired
Emergency Bed Reserved
Emergency Bed Available
Maintenance Reminder
New Reservation
Reservation Cancelled
---
Settings
Arabic
English
Dark Mode
Light Mode
Notification Settings
Backup Database
Restore Database
Manage Users
Logout
---
Database
Users
ID
Username
Password
Role
---
Rooms
ID
Room Name
Room Type
Status
---
Beds
ID
Room ID
Bed Number
Status
---
Reservations
ID
Employee Name
Employee ID
National ID
Phone
Department
Job Type
Gender
Room Type
Room Number
Bed Number
Check-in
Check-out
Reservation Duration
Notes
Status
Created At
Updated At
---
Premium Features
QR Code لكل حجز.
Calendar View للحجوزات.
نقل الحجز من سرير لآخر.
سجل كامل (Audit Log) لكل العمليات.
إشعارات فورية.
نسبة إشغال مباشرة.
عداد للأسرة المتاحة والمحجوزة.
طباعة بطاقة الحجز.
طباعة تقرير يومي أو شهري.
بحث لحظي سريع.
فلترة متقدمة.
Dashboard تفاعلي برسوم بيانية.
تأثيرات حركة (Animations) سلسة.
تصميم فاخر جدًا يشبه أنظمة المستشفيات العالمية.
واجهة احترافية بألوان طبية هادئة مع Glass Effect، بطاقات ثلاثية الأبعاد (Soft 3D)، وأيقونات حديثة، مع تجربة استخدام سهلة وسريعة.
---
Footer
Display:
Developed for Port Said University Hospital
© Port Said University Hospital – Staff Bed Reservation System
Version 1.0
---
ملاحظة تنظيمية: بإجمالي الغرف الذي طلبتيه، يكون عدد الأسرة:
4 غرف عادية × 5 أسرة = 20 سريرًا
غرفة طوارئ (1) = 3 أسرة
غرفة طوارئ (2) = 4 أسرة
الإجمالي = 27 سريرًا (وليس 31). لذلك اجعلي لوحة الإحصائيات تعرض:
Total Rooms = 6
Total Beds = 27
Contributor guide
Research direction
The issue names no files, tests, or entry points, so first inspect the repository structure and existing application conventions. Treat the requested dashboard, authentication, reservations, database entities, reporting, notifications, and Arabic/English UI as a broad scope that must be decomposed before implementation; done means the agreed subset works end to end.
Written by the indexing model from the issue text.
Assessment
- Tech stack
- typescript
- Domain
- authentication, database, full-stack
- Issue type
- Feature
- Difficulty
- 5/5
- Estimated time
- Over a week
- Activity status
- Quiet
- Clarity
- Mostly clear
- Newbie friendliness
- 25/100