A comprehensive ticket management and IT service portal for modern technical support workflows.
The ICTD HelpDesk Project is a comprehensive ticket management and IT service portal developed for the Information and Communications Technology Division (ICTD). It is designed to provide a seamless technical support workflow, from initial reporting to final resolution, ensuring efficient service delivery within the organization.
- ⚡ Real-Time Updates – Instant ticket notifications and live status tracking via WebSockets.
- 📊 Dynamic Dashboard – Visualized performance metrics, incident density, and officer ratings.
- 🔍 High-Speed Search – Rapid filtering for tickets and logs powered by Meilisearch.
- 📄 Automated Reporting – One-click HTML-to-PDF generation for official maintenance and service logs.
- 📱 Modern Interface – A clean, responsive UI built with Tailwind CSS and accessible components.
| Component | Technology |
|---|---|
| Frontend | React + Tailwind CSS + shadcn/ui |
| State | Zustand |
| Backend | Laravel (PHP) |
| Real-time | Laravel Reverb & Echo |
| Search | Meilisearch / Laravel Scout |
# Clone the repository
git clone [https://github.com/your-username/it-help-desk.git](https://github.com/your-username/it-help-desk.git)
cd it-help-desk
# Install dependencies & setup environment
composer install
cp .env.example .env
php artisan key:generate# Run migrations and seed the database
php artisan migrate --seed
# Sync search indices
php artisan scout:import "App\Models\Ticket"# Install NPM packages
npm install
# Compile assets
npm run dev| Task | Command |
|---|---|
| Server | php artisan serve |
| WebSockets | php artisan reverb:start |
| Queue | php artisan queue:work |
app/Models– Logic for Tickets, Users, and Assignments.app/Http/Resources– Clean API data transformation.resources/js/components– Modular React UI elements.resources/js/store– Global state management via Zustand.
Rogelio Gio Talingdan Software Professional | Full Stack Developer | UI/UX Designer
Arabela L .Trajano Quality Engineer