SustainaMap
Air Pollution Awareness Web Application
MY ROLE
Lead Frontend Developer
TECHNOLOGY
TIMELINE
About the Project
Developed an interactive map-based platform using Leaflet to monitor ecological data. Built location-based reporting features with Zod validation, delivering a modern UI with HeroUI and Framer Motion.
Key Contributions
Interactive Mapping System
Architected a robust mapping interface using Leaflet to visualize complex environmental data layers, including forest monitoring and PLTU (Power Plant) distribution across regions.
Dynamic Layer Management
Developed a dynamic toggle system for switching between different ecological data views, improving the platform's utility for environmental researchers.
Verified Reporting Pipeline
Built a location-based reporting feature using React-Dropzone for media evidence upload and Zod for strict schema validation, ensuring data integrity for community environmental reports.
Modern Interactive UI under Hackathon Constraints
Sliced and implemented a professional dashboard using HeroUI and Framer Motion, delivering a highly responsive and immersive user experience under tight hackathon deadlines.