How pattaraladadara/it-project works
QueueFlow is a clinic queue-management application: patients request tickets, staff manage and advance queues, and a display announces called tickets. Staff can also view service metrics and export period-based reports. The React UI uses a shared API client and polling hooks; the Node server contains queue and reporting logic backed by PostgreSQL. The excerpts establish UI-to-module calls and server database access. The API client and server communicate over HTTP in the apparent runtime design, but the shown excerpts do not establish their exact route wiring, so that link is marked unverified.
Main entry points: App.jsx QueueFlow UI · api.js API client · useQueueData.js Queue polling · useDashboardMetrics.js Metrics polling
Components 13
Queue Experience
- QueueFlow UI
src/App.jsx - React entry
src/main.jsx - Queue polling
src/hooks/useQueueData.js - Ticket announcements
src/speech.js
Reporting & Metrics
- Metrics polling
src/hooks/useDashboardMetrics.js - Metrics view model
src/dashboardMetrics.js - Report exports
src/reportExport.js
Queue Backend
- API client
src/api.js - HTTP & queue services
server/index.js
Persistence
- Queue database
db/queueflow_schema.sql
Other components
- Patient
- Clinic staff
- Queue display viewer
Connections 14
- Patient → QueueFlow UI: requests ticket
src/App.jsx - Clinic staff → QueueFlow UI: manages queues
src/App.jsx - Queue display viewer → QueueFlow UI: views calls
src/App.jsx - React entry → QueueFlow UI: renders
src/main.jsx - QueueFlow UI → Queue polling: polls queue
src/App.jsx - QueueFlow UI → API client: requests actions
src/App.jsx - Queue polling → API client: loads queue
src/hooks/useQueueData.js - QueueFlow UI → Ticket announcements: announces ticket
src/App.jsx - QueueFlow UI → Metrics polling: loads metrics
src/App.jsx - Metrics polling → API client: fetches metrics
src/hooks/useDashboardMetrics.js - QueueFlow UI → Metrics view model: builds dashboard
src/App.jsx - QueueFlow UI → Report exports: exports reports
src/App.jsx - API client → HTTP & queue services: sends API requests
- HTTP & queue services → Queue database: queries and updates
server/index.js