# Helpdesk — CodebyLiam

Source: https://codebyliam.com/portfolio/ticket-support/

[← All work](https://codebyliam.com/portfolio/work/)

fullstack· 2025

# Helpdesk

A lightweight helpdesk for tracking support tickets with real-time updates and a focused agent workflow. Designed for a small team that needed structure without enterprise IT overhead.

Fullstack developer

[Visit live site](https://helpdesk.codebyliam.com/)

[![Helpdesk illustrative product cover](https://codebyliam.com/portfolio/projects/ticket-support-product-cover.webp)](https://codebyliam.com/portfolio/projects/ticket-support-product-cover.webp)

Illustrative cover artwork. Original product screenshots appear below.

## Technology

- SvelteKit

- TypeScript

- Supabase

- Tailwind CSS

## The problem

Support requests were scattered across email threads and ad-hoc spreadsheets. There was no single place to see open issues, assign ownership, or close the loop with clients. Agents duplicated context in replies because prior threads were hard to find. Clients had no shared view of status, so "any update?" messages piled up and slowed resolution.

## The solution

Built a fullstack helpdesk with ticket creation, status tracking, and role-based views. Agents get a clear queue; clients get visibility without drowning in tooling. Deployed as a fast, prerender-friendly app backed by Supabase for auth and data. Supabase Realtime keeps ticket state in sync across tabs without polling. Status transitions are explicit so handoffs between agents stay auditable. The app stays prerender-friendly where possible so first paint stays fast on modest connections.

## Screenshots

- [![Ticket Support agent home screen with welcome message and quick actions](https://codebyliam.com/portfolio/projects/ticket-support-home.webp)](https://codebyliam.com/portfolio/projects/ticket-support-home.webp)

Dashboard home with shortcuts to tickets, notifications, and new requests

- [![Ticket Support tickets list with status, priority, and assignee columns](https://codebyliam.com/portfolio/projects/ticket-support-tickets.webp)](https://codebyliam.com/portfolio/projects/ticket-support-tickets.webp)

Sortable ticket queue with filters and row actions

- [![Ticket Support ticket detail view with conversation thread and internal notes](https://codebyliam.com/portfolio/projects/ticket-support-detail.webp)](https://codebyliam.com/portfolio/projects/ticket-support-detail.webp)

Ticket detail with comments, notes, and status controls

- [![Ticket Support notifications panel listing recent ticket activity](https://codebyliam.com/portfolio/projects/ticket-support-notifications.webp)](https://codebyliam.com/portfolio/projects/ticket-support-notifications.webp)

In-app notifications for assignments, replies, and status changes

- [![Ticket Support keyboard shortcuts modal showing dark and light theme variants](https://codebyliam.com/portfolio/projects/ticket-support-shortcuts.webp)](https://codebyliam.com/portfolio/projects/ticket-support-shortcuts.webp)

Keyboard shortcuts overlay for power-user navigation

[← EasyBill](https://codebyliam.com/portfolio/easybill/) [NewstyleDirect →](https://codebyliam.com/portfolio/newstyledirect/)