DEV Community

Cover image for ๐ŸŒ Weekend Challenge: Earth Day Edition โ€” Caretaker City
Lisa Girlinghouse
Lisa Girlinghouse

Posted on

๐ŸŒ Weekend Challenge: Earth Day Edition โ€” Caretaker City

DEV Weekend Challenge: Earth Day

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.

Top comments (0)