🏛️ PENS Social Outreach Project

KaGaPi
Management

A smart queue management & AI chatbot system built to streamline local government consultations — making public services faster, friendlier, and more accessible.

Scroll to explore

Project Overview

As part of PENS' social outreach program, we developed a comprehensive digital system that transforms how citizens interact with local government services. KaGaPi combines intelligent queue management with an AI-powered chatbot to eliminate long wait times and communication barriers.

🎯

The Problem

Citizens faced too many applications and limited communication information when seeking government consultations, leading to frustration and inefficiency.

💡

Our Solution

A dual-system approach combining automated queue management with an intelligent chatbot that provides instant responses and seamless human handoff.

🚀

The Impact

Improved citizen satisfaction and help citizens to get information easily also staff to focus on complex consultations rather than routine queries.

Key Milestones

Phase 1

Queue Management System

Developed core queue management for organized citizen consultations.

Phase 2

Dialogflow Chatbot

Integrated Google Dialogflow AI with WebSocket for real-time communication.

Phase 3

Staff Takeover

Enabled staff to seamlessly take over chatbot conversations for complex needs.

Phase 4

Full-Stack Architecture

Designed and implemented complete frontend and backend with seamless UX.

Phase 5

Production Deployment

Deployed on Ubuntu VPS with Docker Watchtower for automated CI/CD.

Chatbot Integration

Built on Google Dialogflow, our chatbot understands natural language queries from citizens and delivers instant, accurate responses through real-time WebSocket connections.

🤖

Google Dialogflow NLU

Natural Language Understanding enables the chatbot to interpret citizen questions in everyday language and map them to correct service intents.

WebSocket Real-Time

Instant bidirectional communication ensures zero-delay messaging between citizens and the chatbot system — no page refreshes needed.

🔄

Context Awareness

The chatbot maintains conversation context across multiple exchanges, understanding follow-up questions and building on previous answers.

📊

Analytics Dashboard

Track conversation metrics, popular queries, and resolution rates to continuously improve the chatbot's performance.

Chatbot conversation flow diagram

Staff Takeover

When conversations require human expertise, staff members can seamlessly take over from the chatbot — ensuring citizens always get the help they need.

1
💬

Citizen Asks

A citizen initiates a conversation through the chatbot interface.

2
🤖

Bot Responds

Dialogflow processes the query and provides an automated response.

3
🔔

Escalation

Complex queries trigger an alert to available staff members.

4
👩‍💼

Staff Takes Over

A staff member joins the chat and continues the conversation personally.

System Architecture

A carefully designed full-stack architecture ensuring seamless user experience, real-time communication, and system reliability at every layer.

System architecture diagram

⚙️ Backend

Laravel Blade WebSocket Server REST API Dialogflow SDK

🗄️ Infrastructure

MySQL Docker Ubuntu VPS Watchtower Nginx

Deployment Pipeline

Automated and reliable — our CI/CD pipeline ensures every code change is built, tested, and deployed to production without manual intervention.

CI/CD deployment pipeline
01

Code Push

Developers push code changes to the Git repository. Each push triggers the automated pipeline.

02

Docker Build

The application is automatically containerized using Docker, creating a consistent, reproducible build environment.

03

Image Registry

Built Docker images are pushed to the container registry, versioned and ready for deployment.

04

Watchtower Auto-Deploy

Docker Watchtower on the Ubuntu VPS detects new images and automatically pulls and restarts containers with zero downtime.