THE OVERVIEW
Civix was designed as a practical citizen-facing transparency platform where reporting, legal awareness, and emergency access coexist in one mobile experience. Instead of a static complaint form, the app combines visual evidence flows, geospatial discovery, and clear status-oriented report detail views so civic participation feels immediate and actionable.
THE CHALLENGE
A key product challenge was unifying many civic workflows in one clean mobile UX: map exploration, multilingual content, media-heavy reporting, legal education, and emergency access. We solved this through a modular Expo Router structure, reusable UI primitives, lightweight state patterns, and clear step-by-step navigation that keeps each flow focused while remaining connected.
ACHIEVEMENTS
Delivered an end-to-end reporting journey (category to verification to success ID), implemented interactive regional analytics with division/district drill-down, launched searchable law and emergency modules, and established a bilingual design system that keeps Bengali and English parity across major screens.
TECH STACK
METADATA
- RoleLead Developer
- Year2026
- PlatformWeb Platform
CORE FEATURES
Interactive Bangladesh Map
Uses an interactive Highcharts-powered Bangladesh division map inside WebView so users can explore report intensity and drill directly into division analytics.
Evidence Capture Workflow
Supports in-app camera capture, gallery import, media preview/removal, location tagging with reverse geocoding, and structured report submission across multiple screens.
Legal Context Integration
Connects civic reports with legal references through expandable law cards, legal context sections in report details, and a searchable law information module.
Area-Based Filtering and Drill-Down
Provides division-district-thana filtering, report feed exploration, and ranking-driven navigation from national view to district-level analytics and scoring.
Emergency and Local Helplines
Includes a panic button for instant emergency dialing plus quick-access national hotlines and district/thana-based local emergency contacts.
Bangla-English First UX
Implements full in-app Bangla/English language switching with localized labels, Bengali numeral formatting, and typography tuned for both scripts.