Colophon

Technologies

Peels is made possible thanks to the free and open source software described below. Check out our GitHub repository for a full list of open source technologies used.

We’ve made Peels similarly open source to pay it forward and perhaps inspire other circular economy projects.

Maps

Protomaps generously provides both the map tiles for Peels and a hosted API. We’re rendering those map tiles using React Map GL and Maplibre GL JS.

Front-end

Peels is built on the open source React framework Next.js, and hosted on Vercel.

Back-end

Supabase powers all things authentication, database, and storage for Peels.

Components

Peels relies on a few ‘headless’ React components under the hood, namely HeadlessUI and Radix UI. They provide a solid foundation for accessibility (and helped get us off the ground quickly).

We don’t really use any custom components beyond the aforementioned primitive, headless, ones. The one major exception is the map drawer, based on the Vaul drawer component.

Icons

Some icons are derived from the Lucide and Hero Icons libraries. The rest have been drawn by hand.

---

Concepts

It’d be remiss of us not to mention prior work done by folks to pave the way for something like Peels to not only exist, but be instantly understood by regular people using it for the first time.

ShareWaste

ShareWaste was a precursor to Peels with a similar idea: connecting people locally to divert organic material from landfill. We’re doing our best to continue the mission, in our own way.

Mapping platforms

We take for granted how central mapping is to our everyday lives. Smart people developed interface paradigms (and satellites) that we use daily to find things in physical space around us.

Peels is a beneficiary of this work. We all know what pins on a map means. We know what will likely happen when we tap one, and how to jump between pins or pan around the world.

Map Happenings does a great job describing the history of mapping platforms, in case you’d like to learn more.