How khantpyaehtoo/ticket-system-demo works
This is a Next.js service-operations workspace for authentication, ticket handling, product information, SLA-oriented dashboards, and user, team, and admin tasks. The principal user journey is entering through login, using the workspace to create or review tickets, and following ticket details and support activity. The tree supports these product areas, but most page implementations were not sampled, so their internal wiring is not asserted. The sampled auth action posts login data and stores returned credentials in cookies; the ticket chat excerpt shows a local editor and attachment preview, not a connected messaging service.
Main entry points: login/page.tsx Login flow · products/page.tsx Product catalog · create/page.tsx Ticket creation · [id]/page.tsx Ticket details
Components 22
Authentication
- Login flow
app/(auth)/login/page.tsx - Auth forms
app/(auth)/login/_components/AuthFormWrapper.tsx - Auth actions
actions/authAction.ts
User Workspace
- User dashboard
app/(user)/dashboard/page.tsx - Product catalog
app/(user)/products/page.tsx - Product details
app/(user)/products/viewProduct/[id]/page.tsx - Account settings
app/(user)/settings/page.tsx - Notifications
app/(user)/notifications/page.tsx
Service Operations
- Ticket list
app/(user)/tickets/page.tsx - Ticket creation
app/(user)/tickets/create/page.tsx - Ticket form
app/(user)/tickets/create/_components/TicketCreateForm.tsx - Ticket details
app/(user)/tickets/details/[id]/page.tsx - Support activity
app/(user)/tickets/details/[id]/_components/ChatSession.tsx - Team tickets
app/(team)/team-tickets/page.tsx - Team work
app/(team)/team-works/page.tsx - Team alerts
app/(team)/team-notifications/page.tsx - Admin tickets
app/(admin)/admin-tickets/page.tsx - Admin dashboard
app/(admin)/admin/page.tsx
Shared State
- Notification state
store/useNotificationsStore.ts - User profile state
store/useUserStore.ts
Other components
- Workspace user
- Login endpoint
Connections 18
- Workspace user → Login flow: opens
- Login flow → Auth forms: renders
- Auth actions → Login endpoint: posts login
- Workspace user → User dashboard: opens
- Workspace user → Product catalog: browses
- Product catalog → Product details: opens item
- Workspace user → Account settings: manages account
- Workspace user → Notifications: views
- Workspace user → Ticket list: reviews
- Workspace user → Ticket creation: starts request
- Ticket creation → Ticket form: renders
- Workspace user → Ticket details: opens ticket
- Ticket details → Support activity: renders
- Workspace user → Team tickets: opens
- Workspace user → Team work: opens
- Workspace user → Team alerts: opens
- Workspace user → Admin tickets: opens
- Workspace user → Admin dashboard: opens