Back to HomeCase Study

Digitizing Government Services: Building a Commune Portal for 20K+ Residents

February 20, 20266 min read
GovernmentAI ChatbotDigital TransformationNext.jsSupabase

The Challenge

Gia Kiem commune serves 20,000+ residents but was still running most public services through paper forms and in-person visits. The local government wanted to:

Create an official digital portal for all commune information
Enable online public service requests (thủ tục hành chính)
Build an AI chatbot to answer citizen questions 24/7
Provide a digital transformation dashboard for leadership oversight
Support the 2026 election information portal

My Approach

As both the project manager and lead developer, I had to balance government requirements (formal processes, security, accessibility) with modern UX expectations.

Information Architecture

The portal needed to serve multiple audiences:

Residents — looking for service procedures, news, contact info
Businesses — seeking investment information, industrial zone details
Government staff — managing content, processing requests
Leadership — monitoring digital transformation progress

I designed 34+ public sections organized by user intent, with a clear navigation hierarchy.

The AI Chatbot

The standout feature is the AI-powered chatbot that helps residents navigate administrative procedures. Instead of reading through pages of regulations, residents can ask natural language questions like:

"Tôi cần làm giấy khai sinh cho con, cần giấy tờ gì?"
(What documents do I need for a birth certificate?)

The chatbot is trained on the commune's actual procedural database, so answers are always accurate and up-to-date.

Technical Stack

Frontend: Next.js App Router with SSR for SEO (government sites must be Google-indexed)
Backend: Supabase with strict RLS — government data has extra security requirements
AI: LLM integration with context retrieval from procedural documents
Testing: Cypress E2E tests for critical user flows
Hosting: Vercel with custom domain (xagiakiem.gov.vn)

Key Features Built

1. Online Public Services (TTHC)

Residents can submit service requests online instead of visiting the commune office. The system tracks status and notifies via SMS.

2. Digital Transformation Dashboard

Real-time metrics showing the commune's digitization progress — how many services are online, response times, citizen satisfaction scores.

3. OCOP Product Showcase

Promoting local products through the national "One Commune One Product" program, helping local businesses reach wider markets.

4. Election 2026 Portal

Dedicated section for election information, candidate profiles, and voting procedures.

Results

MetricBeforeAfter
Services available online034+
Average service request time2-3 daysSame day
Citizen information queriesIn-person only24/7 via chatbot
Admin modules012

Lessons Learned

1.Government projects need extensive stakeholder alignment — I held weekly review sessions with commune leadership
2.Accessibility is non-negotiable — the portal serves elderly residents with varying tech literacy
3.Content management must be simple — government staff aren't developers, so the admin CMS needs to be intuitive
4.Security audits are mandatory — government portals are high-value targets; I implemented CSP headers, rate limiting, and regular dependency audits

This project represents what digital transformation looks like at the grassroots level — bringing modern technology to where it makes the most direct impact on people's daily lives.

E

Eric Phan

Full-Stack Developer & Digital Transformation Consultant. Building production SaaS platforms, government digital services, and AI-powered tools.