Web-Dev-For-Beginners/5-browser-extension/solution
dependabot[bot] 9e4158b8a7
Bump webpack from 5.88.1 to 5.94.0 in /5-browser-extension/solution
Bumps [webpack](https://github.com/webpack/webpack) from 5.88.1 to 5.94.0.
- [Release notes](https://github.com/webpack/webpack/releases)
- [Commits](https://github.com/webpack/webpack/compare/v5.88.1...v5.94.0)

---
updated-dependencies:
- dependency-name: webpack
  dependency-type: direct:development
...

Signed-off-by: dependabot[bot] <support@github.com>
2024-08-28 21:22:48 +00:00
..
dist update browser extension 2023-07-05 17:36:21 -04:00
src update browser extension 2023-07-05 17:36:21 -04:00
translation translate 5-browser-extension base README / solution base README (#398) 2021-09-03 16:25:42 -04:00
README.md folder names 2020-11-09 22:51:04 -05:00
package-lock.json Bump webpack from 5.88.1 to 5.94.0 in /5-browser-extension/solution 2024-08-28 21:22:48 +00:00
package.json Bump webpack from 5.88.1 to 5.94.0 in /5-browser-extension/solution 2024-08-28 21:22:48 +00:00

README.md

Carbon Trigger Browser Extension: Completed Code

Using tmrow's C02 Signal API to track electricity usage, build a browser extension so that you can have a reminder right in your browser about how heavy your region's electricity usage is. Using this extension ad hoc will help you to make judgement calls on your activities based on this information.

extension screenshot

Getting Started

You will need to have npm installed. Download a copy of this code to a folder on your computer.

Install all the required packages:

npm install

Build the extension from webpack

npm run build

To install on Edge, use the 'three dot' menu on the top right corner of the browser to find the Extensions panel. From there, select 'Load Unpacked' to load a new extension. Open the 'dist' folder at the prompt and the extension will load. To use it, you will need an API key for CO2 Signal's API (get one here via email - enter your email in the box on this page) and the code for your region corresponding to the Electricity Map (in Boston, for example, I use 'US-NEISO').

installing

Once the API key and region is input into the extension interface, the colored dot in the browser extension bar should change to reflect your region's energy usage and give you a pointer on what energy-heavy activities would be appropriate for you to perform. The concept behind this 'dot' system was given to me by the Energy Lollipop extension for California emissions.