One of the biggest challenges that students face these days are distractions. Because of how easy it is to get sidetracked while working on an essay, a majority of today's students have turned it into an unbreakable habit. Luckily, we are here to help.

What it does

Lighthouse is a site blocker built for chrome with two modes, a "soft block" and a "hard block". A hard blocker does what any classic site blocker does, it prevents you from accessing the site. Hard blocking has no off button, as its main priority is keeping you focused on your work. Soft blocking has slightly more leniency, as it will let you access the site but constantly give you reminders telling you to get back to work.

How we built it

We decided to build this as an extension for chrome, meaning the usage of HTML as a base, JavaScript for a majority of the extension's functionality, and TailwindCSS for styling.

Challenges we ran into

Some challenges we ran into were not being able to set up a Firebase server, which would have helped a lot with creating a leaderboard functionality. Despite the challenges, we were exposed to new technologies, such as Flask and Firebase.

Accomplishments that we're proud of

We were very proud of getting the blocking feature implemented as it was a struggle to do so. We were also proud of our UI as it took a while to create.

What we learned

We learned the basics of chrome extension creation and how it can be used to interact with websites. We also learned how to use TailwindCSS.

What's next for Lighthouse

If we had more time, one of our ideas that we didn't get to implement was an option to schedule specific times to enable blocking. This way, you can set an option to block websites during school hours automatically so that you don't get distracted in class. We also wanted to add a leaderboard to add a competitive element to staying focused, which might help people who can't self-regulate.

Built With

Share this project: