Tintin 2 - Ticketing System
Tintin 2 is a ticketing system which is an update to the original Tintin created.
Year: October 2018
Language: PHP
Libraries/Frameworks: CodeIgniter 3.1, Tabler
I wanted to recreate the ticketing system I made earlier with a modern appearance, and try out custom keyboard shortcuts.
This project is also set up in a SaaS way, where one instance can host multiple teams.
Features:
- Create and modify tickets
- Custom statuses to assign to tickets
- Users management custom roles with permissions
- Revision history for ticket
- Keyboard shortcuts
- Custom projects w/ progress bar
Tintin2 uses Tabler, which I would say is the best CSS library out there for developers not looking to do too much design.
The library, based on Bootstrap, has all the benefits of Bootstrap, without the drawback of it "looking like Bootstrap".
The layout is 2-column with a menu and recent tickets on the left, and page body on the left.
The experimental feature with this project was custom keyboard shortcuts.
To this day, modern web applications don't use keyboard shortcuts, despite their UI getting more time-consuming to use over time.
With most tools now being web-based, it would be great to carry over the keboard shortcuts feature that standalone programs have.
For this project, I tried a "Q" + extra letter depending on desired location.
For example, Q + W is search, where a search prompt with autocomplete appear for you to immediately type into.
I think it's a lot better than having to pick up your mouse, move it to the search bar, and clicking the search input field.
Feels like we're losing out on a lot of productivity with everything being too reliant on using a mouse every single operation for all these web products.
Screenshot showing revision history under a ticket:
Screenshots showing settings area:
Despite this project looking a lot more modern and usable for the standard user, I still ended up preferring the "ugly" compact layout of Tintin 1.
But as usual, any project involving Tabler is great fun.