Back to All Projects

Mouza Map Pro

A Bangla-first land-surveying platform for plot measurement, C.S./B.S. map alignment, boundary tracing, annotation, and survey document export.

Role

Frontend Developer

Duration

2024

Mouza Map Pro Screenshot 1

Key Features

High-performance 2D geospatial plotting tool with Konva.js canvas rendering

Shoelace algorithm implementation converting pixel distances into exact physical land areas (SqFt, Shotok)

Interactive map annotation with drag-and-drop point placement and real-time area calculation

Intelligent label placement with custom physics-based repulsion algorithm to prevent overlapping

Client-side PDF processing (pdfjs) delivering instant, scale-accurate A4 reports without server overhead

Zustand-powered global state management for complex canvas interactions

Responsive UI supporting both desktop and tablet workflows

Technical Challenges

Implemented complex geometric algorithms (Shoelace formula) for accurate land area calculation from arbitrary polygons

Built a custom physics-based label repulsion system to prevent text overlap on dense map annotations

Achieved high-performance canvas rendering with Konva.js handling hundreds of interactive elements

Engineered client-side PDF generation that maintains pixel-perfect accuracy at print scale

Tech Stack

Next.js 16TypeScriptKonva.js+5

Interested in this project?

Check it out live or explore the source code.

Next Project Background
Next Project

Mess Management System