hospital-management

bytest 123

Build a production-quality visual prototype that behaves like a real hospital management application. The result must not be a static mockup, wireframe, or flowchart. It must contain functional navigation, interactive forms, clickable buttons, working dropdowns, tables, filters, modals, drawers, tabs, and connected workflows. Use the uploaded SRS as the primary source of truth for modules, roles, requirements, validation rules, and business workflows. 3. Design System and Layout Create a premium, modern healthcare enterprise dashboard. Desktop-first responsive web application. Recommended desktop viewport: 1440 × 900 px. Use a persistent left sidebar and a top navigation bar. Include page titles, breadcrumbs, contextual actions, search, notifications, and user profile controls. Use MUI theme configuration for consistent colors, typography, spacing, shape, and component variants. Use MUI Paper, Card, Button, IconButton, TextField, Select, MenuItem, Dialog, Drawer, Tabs, Chip, Tooltip, Snackbar, Alert, and other appropriate MUI components. Use MUI Data Grid or MUI Table for data-heavy screens. Use MUI icons consistently. Maintain accessible contrast, readable typography, clear visual hierarchy, and appropriate whitespace. Use consistent status colors and labels. Build reusable components rather than duplicating screen implementations. Support smaller screen sizes with responsive layouts. I need morden ui design similar like upload in dribble and behance website.

LandingDashboardLoginPatientsPatient DetailsSign UpAppointmentsEncountersOPD Queue
Landing

Comments (0)

No comments yet. Be the first!

Live
Dashboard design preview
valid credentials
forgot password
password reset complete
new user
account created
invoice generated
payment recorded
refund required
payment successful
claim submitted
filters applied
Landing: View landing page
Landing: Go to sign in
Login: 1. Sign in
Login: 2. Reset password
Sign Up: Create account
Billing: View invoices
Billing: Generate invoice
Billing: Record payment
Billing: Check outstanding balance
Billing: Process refund
Billing: Print receipt
Insurance Claims: View claims
Insurance Claims: Submit claim
Insurance Claims: Track claim status
Reports: View reports
Reports: Filter reports
Reports: Export report
Beds: View bed availability
Live
Landing design preview
valid credentials
forgot password
password reset complete
new user
account created
invoice generated
payment recorded
refund required
payment successful
claim submitted
filters applied
Landing: View landing page
Landing: Go to sign in
Login: 1. Sign in
Login: 2. Reset password
Sign Up: Create account
Billing: View invoices
Billing: Generate invoice
Billing: Record payment
Billing: Check outstanding balance
Billing: Process refund
Billing: Print receipt
Insurance Claims: View claims
Insurance Claims: Submit claim
Insurance Claims: Track claim status
Reports: View reports
Reports: Filter reports
Reports: Export report
Beds: View bed availability