SafeScroll

The Chrome Extension that lets you scroll at ease

Comment

Inspiration

Many websites contain triggering content with no warning, which can cause viewers to relive or be reminded of traumatic/triggering memories and damage mental health. Our goal is to blur/remove any triggering content on a webpage and give the user a warning before viewing the page.

What it does

SafeScroll is a Google Chrome extension that blurs certain content (text and images), which can be customized using the extension interface. When you first open the extension, there is a text box where you can add in triggering words and delete them as needed. Once you enter the words, you can go ahead and SafeScroll! Also, our extension has a toggle blur where you can turn off the function but keep the word box if someone happens to use your laptop.

How we built it

We built the SafeScroll Google Chrome extension using HTML, Tailwind CSS, JavaScript, and JSON. We also made the SafeScroll website using HTML, Tailwind CSS, and JavaScript. We put all of our code up on GitHub and hosted it using their GitHub Pages and a GoDaddy domain.

Challenges we ran into

One of the major challenges we ran into was dependency issues between libraries, such as integrating Tensorflow models into our front-end. Additionally, we all were experienced in other programming languages like Java, Swift, and C#, so learning how to do web development was something completely new to us. We experimented with several datasets such as creating our own Python machine learning model, existing database on Gender-Based Violence Tweet Classification, before setting on the Tensorflow 'Toxicity' dataset.

Accomplishments that we're proud of

We’re proud that we were able to produced a functioning Chrome extension and a website since we didn’t have much experience in using web development languages.

What we learned

We learned mainly how to improve collaboration and time management skills. We also learned how to connect all of our parts and stay up to date on our code. Many of us learned how to make websites as full-stack developers. We also learned a great deal about how Chrome manages its resources across tabs and with extensions.

What's next for SafeScroll

With more time, we would implement the Mutation Observer so that our extension could update the page’s HTML when scrolling. Additionally, we would have implemented service workers so that our extension could run the entire time in the background - right now we are limited to when the extension is open. As a bonus, we plan to implement a "body dysmorphia detector" that detects the use of egregious filters to alter body images.

Built With

Share this project:

Updates