One Blue Planet

A Progressive Web App (PWA) built using React (Next.js), AWS (Cognito, EC2, DynamoDB), and Stripe. One Blue Planet helps users monitor their environmental impact, gives them incentives to make decisions that improve their impact and save money, and connects them to local charities so they can donate their saved cash and boost their impact even more.

image

Join the movement

A user can register for a free One Blue Planet account using an email address. The auth system for the app was built using AWS Cognito. As soon as they verify their account they are awarded 5 Green Points 🍃 to get them started. The app uses Green Points to give incentives to users for either taking positive actions to improve their impact or giving back through donations to charities.

image

Monitor your impact

To understand the environmental impact you are making through everyday resource consumption, the app allows you to connect to your accounts with local utility companies and download your usage and cost data. In-app visualization and monitoring tools allow you to track your usage over time and track the weekly and monthly savings generated. To connect to utility companies without a public API, the app uses a custom web-scraping system developed using Playwright deployed on an AWS EC2 instance.

image

Make positive change

In addition to tracking actual resource use, the user can track positive habits using a dynamic checklist. Each week the app presents a series of actions and associated impacts and allows you to check them off the list. Each action also earns Green Points which incentivizes users to return to the app and track their daily actions. One a user checks an item off the list, the item remains checked until the list resets at the end of the week. The actions data is stored in a AWS DynamoDB table and connected to their unique userId from Cognito.

image

Earn green

As the user earns Green Points, they are accumulated in their Green Score, which tracks a user's cumulative impact for the month. The Green Score gamifies the process of creating a positive impact, and can be shared with friends to showcase a user's positive actions. The Green Score is translated into a circular graphic which "grows" leaves around a progress ring as the score increases.

image

Give back

As the app tracks a user's impact through Green Points, it also tracks the amount of actual dollars the user saved by doing positive actions like reducing their energy use. To boost their impact even more, the app connects users to a network of local charities and non-profits that are directly working on environmental and climate issues. This marketplace of charities was set up using Stripe Connect. It allows users to submit payments directly to connected charity accounts on our platform. A user's donations are also awarded Green Points and their total lifetime donations are tracked and displayed in the app.