Concept:

A chrome extension where you have a duck that ensures you follow your own blocklist. When you visit a tab that is apart of your blocklist, it will delete the tab.

[There were more features part of the core product idea we wanted to implement for the project, they are WIP given time constraints]

How does it relate to the theme Journey?

Most people’s journey takes place online. Whether that’s studying, doing workshops / tutorials, every journey inevitably takes place on the Internet for people to learn about new technologies. So we decided to add a pet that keeps you accountable on your journey on the web.

Challenges we ran into

One of the main challenges we faced was integrating our duck's behavior seamlessly with the browsing experience. Getting the duck to react to the websites on the blocklist was very challenging and required our team to handle various edge cases.

  1. Chrome extensions (and by virtue the Chrome API) were all new to us, especially working in manifest v3
  2. We were running a React project with Vite as the build tool. Trying to understand how our files were being bundled w/ Rollup was a hassle as it was necessary to define entry points for files that the manifest.json file, that all chrome extensions required, used.

Accomplishments that we're proud of

Our accomplishment lies in combining functionality with a touch of humor, making the browsing experience both enjoyable and productive.

What's next for Duck Blocker

To add an element of fun to the user's journey, our team plan to introduce some gamification features. This could include challenges, and a points system tied to productive online behavior.

Share this project:

Updates