Inspiration

Following the launch of Team Seas, an organization that plan is to remove 30 million lbs. of trash from the ocean, we wanted a way to contribute to the cause. This got us thinking if there was a way to spread awareness about lesser-known issues around the world. Recognizing that contributions are strong in numbers, we strived for a lightweight solution to add to everyone’s day. More than 310 million people use the Chrome browser every day and, according to some studies, about 30% of those users utilize AdBlock. So why not create an AdBlock that supports worldwide issues, and spreads awareness.

What it does

The chrome extension essentially allows the user to block all ads if they like or choose which ads they would like to see. Watching these ads contributes to the specific cause and a display of how much the user has donated is shown in the extension. The user is also able to donate money to causes that interest them via a payment form.

How we built it

We built this chrome extension In Visual Studio using JavaScript, HTML, and CSS. We first created an aDono prototype using Figma to display our ideas as a visual to follow along.

Challenges we ran into

During implementation, we ran into many challenges. Some of which included having trouble with chrome's manifest v3, as chrome has been working on preventing adblockers to be implemented as an extension. This caused us to work with an older version which will no longer be supported in the near future. There were also some issues regarding the integration of Google's cache API. To overcome this, we used Google's storage API to store the values of URLs that the user selected.

Accomplishments that we're proud of

We are proud of being able to implement and code a working Chrome extension. We are also proud of the GUI and prototype build. We believe the extension created was able to encapsulate the whole idea of aDono.

What we learned

We were able to learn many things throughout this project. One of them being how to implement chrome extensions using JS. We also learned how to create efficient wireframes prototypes using Figma, which allowed us to deliver the aDono idea, as a whole.

What's next for aDono

In the future, we hope to build a fully functioning ad block that stores user wanted ads in a local database and allows the user to watch these ads. We also want aDono to be implemented on multiple browser platforms such as edge, Firefox, and safari.

Share this project:

Updates