Monitor Your Carbon Footprint with WATTCHI Chrome ExtensionMonitor Your Carbon Footprint with WATTCHI Chrome Extension
The network for creativity
Join 1.25M professional creatives like you
Connect with clients, get discovered, and run your business 100% commission-free
Creatives on Contra have earned over $150M and we are just getting started
Back to feedPost
Maricel's avatar
Maricel Reinhard
pro
• Apr 7
I created WATTCHI, a chrome extension that monitors your power usage through multiple APIs to determine your daily carbon footprint. I wanted to communicate this information through the infamous, care-driven device known by all, the Tamagotchi.
The tamagotchi is the visual language to draw a user in while the overall goal of the extention is to promote power consumption literacy going forward in times where there isn't nuance surrounding information about AI and energy consumption. Combining a tamagotchii with energy usage stats not only makes ironic sense, but provides accessibility to this topic that there is little concrete information on.
Try it here : https://omma.build/wr0nrvh5aol
Social Post : https://x.com/mmr_creative/status/2041598730915160461?s=46
🧠 I have submitted this code to Chrome to create a Chrome extension that people can access everyday. This is how I imagine it being used. If Chrome accepts the project, it will be ready to deploy.
🧠 Note : For the demo session, simulated background browsing is layered on top of the code so numbers grow meaningfully during the demo. The foundation for the chrome extension is real calculated and measured data.
🧠 Other features :
-Ability to customize your Wattchi's shell and button color.
-Ability to choose which Wattchi character you'd like to take care of each day. They each have their own subly personalities portrayed by one line text when you open up the extension and when you feed them.
-Built in minigame on Wattchi to increase characters' happiness stat.
-A scrollable landing page that explains what the extension is doing and how it directly ties in with your Wattchi and character.
Interaction DesignUI DesignOmmaommabysplinebuildathoninteractivedesignchromeextensionChrome Extension Development
Post image
Alejandro's avatar
Spline logo
Alejandro Leon
pro
• Apr 8
thats really cute!
Isabel's avatar
Contra logo
Isabel Feuerstein
pro
• Apr 7
this is so cool. I love how everything is in relation to real data!
Maricel's avatar
Maricel Reinhard
pro
• Apr 8
Thank you Isabel :) !!
Subhi's avatar
Subhi Salman
• Apr 8
Love the attention to detail!
Maricel's avatar
Maricel Reinhard
pro
• Apr 8
Hehe yeah! They all have their own one liners in their code. I think it would be fun later on to add way more interaction for each character but wasn’t sure if it would distract from the main purpose of the app.
Istiak Ahmed's avatar
Istiak Ahmed Khan
• Apr 9
great work 👌
Back to feed
The network for creativity
Join 1.25M professional creatives like you
Connect with clients, get discovered, and run your business 100% commission-free
Creatives on Contra have earned over $150M and we are just getting started