2025Next.js

SustainaMap

Air Pollution Awareness Web Application

SustainaMap

MY ROLE

Lead Frontend Developer

TECHNOLOGY

Next.jsReactTailwind CSSLeaflet.jsTypeScriptTanstack Query

TIMELINE

2025-08-05to2025-08-07

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

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

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

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

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.

NEXT PROJECT

ShareITS (GENICS 2.0)