SHH Design Team Ticket System Prototype

Overview

A role-based dashboard for managing hospital design requests, enabling applicants, approvers, and the design team to collaborate with clear workflow stages and real-time status visibility.

Background

The existing ticketing system had several issues after years of use:

1. Unintuitive user interface
2. No dashboard for quick task status and quantity overview
3. Inability to directly edit or delete individual records
4. Poorly defined permissions, making maintenance difficult

This project aimed to address and overhaul these pain points in one go.

Stack

Built with Vibe Coding for full-stack integration, utilizing Next.js App Router for server and client component separation, enhancing performance and development efficiency.

• Next.js 14 (App Router)
• TypeScript
• Tailwind CSS
• Prisma ORM
• PostgreSQL

Flowchart

Solution

• Modernized user interface for improved usability and visual consistency.
• Dashboard with card-based design for quick task status and quantity overview.
• Role-specific interfaces and functionalities (Applicant/Approver/Designer).
• Each role can only view and manage their relevant cases, supported by confirmation dialogs and clear status indicators for key actions (approve/reject/assign/update).
• Streamlined form submission process to reduce errors and omissions.
• Responsive design for multi-device accessibility.
• One-click report export for easy management and analysis.

Interface Showcase