Skip to content
$ ash_
All work
2023/Frontend Developer/archived

Zero Waste Horizons

A responsive sustainability dashboard visualising waste management trends across Victorian suburbs, with a location-based drop-off finder and hazardous waste classifier.

Stack

HTMLCSSJavaScriptMapping APIsMachine Learning

Overview

Zero Waste Horizons is a web application built to make waste management data more accessible for people across Victoria. The idea came from a pretty simple observation: the data already exists, but it's buried in government reports that most people never open. A well-designed front end changes that.

What it does

The dashboard visualises waste trends across Victorian suburbs in a way that's easy to read without needing to interpret raw numbers. You can see how different areas are tracking over time and compare them side by side.

The location-based drop-off finder lets users search for nearby facilities that accept specific types of waste, pulling from a mapping API to show results relative to where they actually are.

The image classification tool is the most technically interesting piece. Users can take a photo of something they're unsure how to dispose of, and the app classifies it, identifies whether it's hazardous, and points them to the right disposal option. Getting that to feel simple from the user's side while combining two different external integrations was the main design challenge.

What I learned

This was mostly a front-end project, but the mapping and ML integrations meant thinking carefully about data flow and async responses in a way a purely visual project wouldn't have required. Keeping the UI clean and responsive while waiting on external services is the kind of detail that matters a lot in practice.