arrow_backBack to projects
CustoMap - 3D Map Animation Editor
A browser-based map animation editor for creating cinematic 3D map sequences. Built with Next.js, Three.js & Leaflet.
Project Status: Webapp (Nov 2025 - Jan 2026)
The Problem
Professional map animations often require expensive, high-learning-curve software. CustoMap solves this by bringing professional-grade map animation tools directly to the browser with an intuitive, agent-assisted interface.
Development Process
Real-time 3D Mapping
Engineered a hybrid rendering engine combining Three.js 3D layers with Leaflet's geographic tile mapping for seamless interaction.
AI-Powered Operations
Developed a Django REST backend that utilizes RAG-powered agents to automate repetitive map styling and animation tasks.
Timeline Architecture
Implemented a complex, high-performance timeline logic using Zustand to ensure smooth keyframe-based map animations.
Tech Stack
Next.js
Three.js
Django
TypeScript
Tailwind CSS