TDesk

TDesk technical documentation

Make TDesk yours.

A practical guide to editing the HTML template, keeping the design consistent, and connecting the customer portal and admin workspace to your application.

Customer portal

11 pages for the help center, articles, ticket views, accounts, and contact.

Customize the portal

Admin workspace

33 pages for ticket management, inbox, team settings, analytics, forms, and access screens.

Customize the admin

Start locally

  1. Keep front/, admin/, and documentation/ together when extracting the buyer package.
  2. Open the portal or the admin dashboard in a current browser. No installation or build is needed.
  3. For a consistent origin and browser storage, use a local static server. From the package root, run the optional command below and open http://127.0.0.1:8080/front/ or /admin/.
python -m http.server 8080 --bind 127.0.0.1

Python is optional. Any static web server that serves these files and relative URLs works.

What’s in the package

FolderWhat you edit
front/Customer-facing HTML and its local CSS, JavaScript, fonts, and libraries.
admin/Admin HTML and its own local assets and libraries.
documentation/This offline HTML guide. The links to example pages assume sibling folders.
prototype/Author-side cover, thumbnails, screenshots, and upload gallery. Keep these separate from the buyer archive if they are only for the listing.

First customization

  1. Duplicate the template before making project-specific changes.
  2. Replace the TDesk logo text, page titles, sample content, and contact details in the HTML for the side you are customizing.
  3. Update the design tokens and add a project stylesheet after the template styles. Keep third-party files intact.
  4. Try the forms, keyboard navigation, dialogs, and narrow layouts before connecting live data.

Demo behavior: the package provides static pages and local interactions. Real authentication, email, file storage, permissions, ticket sync, and server analytics belong to your application.

Choose an implementation path

Use the portal guide and the admin guide to locate templates, then follow React and backend integration or the deployment checklist.