Technology Apr 19, 2026 · 2 min read

🌍 Weekend Challenge: Earth Day Edition — Caretaker City

This is a submission for Weekend Challenge: Earth Day Edition What I Built Caretaker City is a real‑time environmental stewardship app designed to make sustainability visible, meaningful, and shared. It updates daily with real recycling prices, tracks every time you choose recycling over...

DE
DEV Community
by Lisa Girlinghouse
🌍 Weekend Challenge: Earth Day Edition — Caretaker City

This is a submission for Weekend Challenge: Earth Day Edition

What I Built

Caretaker City is a real‑time environmental stewardship app designed to make sustainability visible, meaningful, and shared.
It updates daily with real recycling prices, tracks every time you choose recycling over consuming, and turns those choices into a measurable impact through the Earth Day Counter.

Caretaker City also connects neighbors, showcasing local progress as a conversation starter — a way to inspire one another and rebuild beauty in our communities, one choice at a time.

My goal was to create a simple, map-based experience that helps people see their impact and take pride in it.

Demo

https://caretaker-city.web.app

(https://caretaker-city.firebaseapp.com

Code

The code for Caretaker City is stored locally and deployed through Firebase Hosting.
I chose not to use GitHub for this project, but I included key implementation details in the “How I Built It” section.

How I Built It

Caretaker City is built with:

React for the UI

Mapbox for the interactive environmental map

Firebase Hosting for deployment

A custom floating ⓘ Info Panel that displays the mission statement

A clean dashboard showing recycling prices and personal impact

An Earth Day Counter that increases every time the user chooses recycling over consuming

I focused on keeping the interface clean, modern, and map‑first.
The floating info button was added to avoid clutter while still giving the app a strong identity and purpose.

The biggest design decision was making the app feel alive — updating prices, tracking choices, and showing neighborhood progress in a way that sparks real conversations.

Prize Categories

I am submitting to:

Best Use of VS Copilot

Copilot helped generate UI components, refine the mission statement, and speed up development.

Caretaker City’s mission is to make environmental action visible, meaningful, and shared.
By tracking real recycling prices, personal choices, and neighborhood progress, the app transforms small habits into community momentum.
Together, we rebuild beauty, one choice at a time.

DE
Source

This article was originally published by DEV Community and written by Lisa Girlinghouse.

Read original article on DEV Community
Back to Discover

Reading List