SustaiNet - A browser extension for Sustainable Internet

• 

  Logo

• 

  Usage stats with using the extension (Cut down to half).

• 

  Usage stats without extension.

Inspiration

Everyone of us are familiar with Reduce, Reuse and Recycle - the three R's for creating a sustainable earth. But what if we told you, we can Reduce, Reuse and Recycle JavaScript?

The more JavaScript files you have, the more computing power you need to execute those and the more battery you need to use. I wanted to build a more sustainable way of accessing websites with the goal of lowering your battery consumption.

What it does

The browser extension can,

• Reduce the unnecessary JavaScript which does not affect site's functionality
• Reuses the cached JavaScript thereby increasing the loading speed
• Reduces color in the sites thereby consuming less power

SustaiNet is not a script blocker. Unlike a script blocker, sustainet allows the client to run frameworks such as React and Vue without running into errors.

How I built it

We made a browser extension with JS and Chrome Extension Engine. It uses an injected content script that every webpage receives and it uses the chrome local storage engine to store caches of any webpages.

Challenges I ran into

This was our first try to make a chrome extension being inspired by the idea from a public source. The ideating part was really challenging.

Accomplishments that I'm proud of

We are really proud to have made our first ever web browser extension.

What I learned

We learnt to make chrome extensions and also learnt a bit of JS.

What's next for SustaiNet - A browser extension for sustainable internet

We would try to make more functionalities and also try making an addon for Firefox and support for other browsers.

Built With

• css
• html
• javascript
• node.js