Created by Sebastian Dogaru ([email protected]), Bernard Wong ([email protected]), and Neil Tengbumroong ([email protected])
Hocus Focus is a Google Chrome extension project we made during the SD Hacks 2019 Annual Hackathon. We chose to create something that would help students and wanted to learn more about web applications and extensions, which led us to the idea of creating a study tool that would be easily accessible and minimal at the same time. No one on our team had any previous experience coding with JavaScript, and very limited knowledge of web APIs, HTML, and CSS. The overall coding time was about 36 hours and we are aiming to add this extension to the Chrome marketplace.
The project utilizes Google Chrome's extension API which include storing and retrieving data in its storage cloud, running in the background while the popup is not present, and tab and browsing permissions. The extension's pop up displays information on the timer, study time, and navigation to the settings page. It is contained by its html file, styled by its css file, and operated by its javascript file. The settings/options page contains the website blacklist manager, interactive To-Do List, and additional writing about the chrome extension. It is also contained by its html file, styled by its css file, and operated by its javascript file. The background script is contained in a javascript file and allows for the timer and other features to be run even while the popup is closed.
Primary features of Hocus Focus that improve productivity include:
- A Website Blacklisting Feature: Adding and removing of specified URLs on top of a given list of URLs that are disallowed by the extension, resulting in an immediately closed tab when the user tries to access it
- An Interactive To-Do List: An interactive to-do list that logs tasks specified by the user in Chrome storage, making it accessible even after the browser is closed
- A Performance Stopwatch: A timer that logs amount of time studied and aggregates this study, activated by a switch that will also prevent the user from accessing time-wasting sites
We'd like to give a big thank you to SD Hacks and all the sponsors for giving us this amazing opportunity. Please feel free to download and try the extension and if you have any feedback, issues or questions feel free to leave an issue or reach out to any of us by email.
