SurfShield | September 2016

HTML, CSS, JS, Python

In September, me and a few friends entered HackDartmouth III, a Dartmouth-based hackathon. I'd signed up for the one the year before, but me and my roommate slept through it, so this was the first one that I'd be doing at Dartmouth (I did one junior year of high school). We were undecided as to which project to pursue: a webgame that would involve phones and a main computer screen (similar to what I did here), or something that more closely suited the APIs that were offered by sponsors, and the possible prizes associated with them.

We ended up deciding to go more in the sponsor route, and settled on 'SurfShield', a Chrome extension that would strip the text out of websites, and then run it through tone and sentiment analysis, before finally determining an overall 'safety' score for the website. It generated 4 scores on a 1-5 scale. These scores, 'Anger', 'Cyberbullying', 'Profanity', and 'Audience' would be combined to create the overall score, which would determine the color of the extension icon in the toolbar, and in the notification popup that would show when the page loaded.

SurfShield main screen

The first three scores were determined by the sentiment analysis, and were saved upon computation for static pages, to reduce the processing time for future visits. The last score was crowdsourced, as a combination of all of the votes that people made for the site (based on the bottom slider score).

SurfShield icon

The Chrome extension was built using HTML, CSS, JS, and used Python for the processing/API that it communicated with for the caching of scores and counting of votes. We ended up winning the 'Best Hack Against Online Harassment' award, as well as the first place prize for the competition as a whole! Our extension was featured in Devpost's newsletter, and I got a drone out of it, so definitely a great experience. You can check it out on Devpost's site, or look at the source on GitHub.