Jun 2023

Trash Workshop

Point your phone at a piece of trash and find out how to throw it away, when, and where. A mobile web app built for an Internet Programming course.

My role: Front end, AI training, and preprocessing on a three-person team
Stack: JavaScript, Web APIs

Where it came from

The assignment in Internet Programming (CSI2109) was a mobile mash-up that used at least two web APIs. Living in a dormitory had recently left me unsure how to sort my own trash, and I had already built an animal-face test with Teachable Machine in high school. Our three-person team combined the two ideas.

What it does

Photo search: a Teachable Machine model, trained on AI Hub data, identifies the trash and shows how to sort it.
Disposal map: Geolocation and Kakao Map find your district, then show when and where to take each type of trash, based on Seoul public data.
Collection book: items you search are added to a collection and can be shared with Kakao Share, using DeepAI image similarity and MongoDB Atlas.

Taking a photo of a plastic bottle — Take a photo.

Result page explaining how to dispose of a plastic bottle — See how to sort it.

Map of Seoul districts — Find your district.

Disposal schedule for a district — Check the schedule.

Architecture

Diagram of the user connected to the search, map and collection platforms and their APIs — The web APIs behind each feature.

My part

I worked on the front end, trained the AI model, and handled data preprocessing.