Role
Frontend Developer
Duration
2024

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
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