Inspiration

With the recent release of many movies that have excellent buildup and hype, being spoiled can really ruin the experience, even if its accidental. With a spoiler blocker, this problem can be easily averted.

What it does

This nifty Chrome extension helps block spoilers by covering text with certain specified keywords. If you want to view a spoiler, simply click on it and the cover will go away.

How I built it

We built this extension using the chrome extension web architecture, combining HTML, CSS, and JavaScript, much like the process of building a regular functional website. We also used Git and GitHub to manage records of our project between team members and to keep track of a working prototype.

Challenges I ran into

To detect text, we had to learn how to implement regular expressions, which was a challenge to learn about. Learning how to use a new framework, the chrome extension architecture, was also a challenge, as was figuring out how to manage Chrome restrictions and rules. We also had to adjust to the different time schedule as we are based in the Eastern Time Zone.

Accomplishments that I'm proud of

That we came together to a team to work through our challenges and made a working product.

What I learned

We learned a lot about the paradigms involved in HTML and JavaScript, and were able to use them to our advantage. We also learned how to work through some of the challenges that came with working remotely.

What's next for Heads-Up: Spoiler Blocker

We aim to further improve and polish this extension so that eventually, we can publish this to the Chrome Web Store for use by the general public.

Built With

• css
• html
• javascript
• json