Argandhi.
Projects#Web App

Desa Bogem

Official village portal with online citizen letter requests, satellite boundary maps, and local UMKM catalog.

https://desabogem.my.id
Desa Bogem
ClientPemerintah Desa Bogem & Tim KKN-T UNESA
CategoryWeb App
Stack
Next.js 16React 19TypeScriptTailwind CSS v4Leaflet.jsSupabaseLucide IconsLenis

Project Goal

An official e-government portal at desabogem.my.id built during KKN-T UNESA to digitize public administration for 1,500+ village residents.

Key Features

  • Online Letter Requests: Self-service citizen document submission with receipt tracking codes and WhatsApp alerts.
  • Satellite Boundary Map: Interactive Leaflet & Esri satellite map plotting 215 official BIG village coordinates.
  • Village UMKM Catalog: Local product showcase connecting village crafters and farmers directly with buyers via WhatsApp.
  • Demographic & IDM Stats: Clear visual charts of population data, governance structure (SOTK), and Desa Mandiri status.
  • Accessible Mobile UI: High-contrast typography and thumb-friendly bottom navigation tailored for all age groups.

Team & Contributors

  • Yusa Eka Setiawan: Lead Backend & Full-Stack Developer (Supabase PostgreSQL database architecture, Row Level Security policies, online citizen letter module, NIK & Google OAuth authentication, and admin panel).
  • Faqih Rafasha Argandhi: Frontend Developer, UI/UX & SEO Engineer (Responsive UI components, SOTK organizational structure chart, official BIG GeoJSON satellite map integration, real-time visitor tracking & keep-alive cron, and Enterprise SEO for desabogem.my.id).
  • Tim KKN-T UNESA Desa Bogem 2026: Field Research & Content Contributors (Field observation, demographic & village profile data collection with village officials, and cataloging 26 local UMKM businesses).

Result

Built with Next.js and Tailwind CSS — officially handed over to Pemerintah Desa Bogem and running live at desabogem.my.id.

Have a project in mind?

Let's Talk.

Argandhi.

© 2026 Argandhi. All rights reserved.