What is Front Helpdesk?
Front Helpdesk is a full-featured helpdesk application built with Angular 21. It provides two separate applications:- Public Portal — A customer-facing interface where anyone can submit support tickets and track their status without creating an account.
- Admin Panel — A secure, role-based dashboard for agents and administrators to manage tickets, monitor KPIs, track SLAs, and administer user accounts.
Quick Start
Get the application running locally in minutes
Architecture
Understand the two-app Angular workspace structure
Public Portal
Learn how customers submit and track support tickets
Admin Panel
Explore the admin dashboard, ticket management, and SLA tracking
Key features
Ticket submission
Customers submit tickets with type, category, priority, and description — no account required
SLA tracking
Automatic SLA deadline calculation with visual indicators for at-risk and overdue tickets
Analytics dashboard
Real-time KPI cards and Chart.js visualizations for status, priority, area, and hourly volume
Role-based access
Four roles — ADMIN, MESA, AREA, USUARIO — with route guards and per-role capabilities
Full lifecycle management
Assign, transfer, reclassify, pause, reopen, cancel, and archive tickets
Server-Side Rendering
Angular Universal SSR for both public and admin apps for fast initial page loads
Application structure
The repository is an Angular multi-project workspace with three projects:| Project | Path | Description |
|---|---|---|
public | projects/public/ | Customer-facing ticket portal |
admin | projects/admin/ | Agent and admin management panel |
shared | projects/shared/ | Shared services, models, and types |
Technology stack
| Layer | Technology |
|---|---|
| Framework | Angular 21 with standalone components |
| UI components | Angular Material 21 |
| Charts | Chart.js 4 via ng2-charts |
| Rendering | Angular Universal (SSR) |
| HTTP server | Express 5 |
| Styling | SCSS |
| Testing | Vitest |
| Language | TypeScript 5.9 |