nextjs typescript mongodb geospatial humanitarian

Earthquake Survivors Survey Platform

A bilingual disaster-response platform for field data collection, geospatial visualization, and long-term rehabilitation tracking of earthquake survivors.

EN + MY

bilingual field & partner support

Real-time

geospatial heat-map visualization

JWT

role-based secure access

[ role ] Full-stack engineer · T-Htwin Innovation Lab

Project specs

Tech Stack

Next.js 15 React 19 Node.js MongoDB TypeScript Leaflet

R&D Focus

Humanitarian Tech & Geospatial Analytics

Complexity

A disaster-response platform purpose-built for rapid, organized, and actionable data collection in the aftermath of seismic disasters. It bridges field-level data collection and high-level strategic planning so humanitarian organizations can allocate resources effectively and track recovery over time.

Problem

Generic survey tools fall short in disaster response. Field teams need a simple, multi-language interface to register survivors and capture immediate needs, while program managers need structured data, geospatial context, and rehabilitation tracking to ensure no survivor is left behind — all within a single, secure system.

Approach

  • Secure, role-based access: Stateless JWT authentication with secure cookie handling so sensitive survivor data is only accessible to verified Field Workers and Administrators.
  • Field data collection: Survivor registration, impact assessment, needs identification, and automatic location tagging to coordinate response teams.
  • Centralized review: Submissions stream to a central hub for validation, with high-priority needs flagged for immediate attention.
  • Strategic visualization: Interactive Leaflet heat maps and Recharts trend dashboards surface where survivors are located and which areas are most affected.
  • Rehabilitation tracking: Status updates and outcome monitoring follow survivors from “displaced” to “rehabilitated,” preserving the full history of support provided.

Outcome

  • End-to-end flow from field survey → validation → visualization → reporting.
  • Decision-makers can direct aid by seeing where needs are greatest at a glance.
  • Professional summary reports and detailed data exports (PDF / spreadsheet) for stakeholders and partner agencies, generated in both English and Myanmar.

Stack notes

Decoupled architecture: a Node.js/Express API backed by MongoDB serves as the single source of truth for survey data, security, and geospatial coordinates. The Next.js 15 frontend uses SSR for fast dashboard loads and React 19 for responsive map filtering and visualization. End-to-end TypeScript — from API response types to react-hook-form + Zod validation — keeps the system robust. First-class Myanmar (Burmese) and English localization ensures local field teams and international partners operate in the same system.