Study Knight

• GIF

  Our little study knight in action!

Inspiration:

Our original inspiration is the overwhelming amount of checklists, time keeping websites, timers, all with separate paywalls, always doing way to much or never enough. So we decided to keep it simple and make a small chrome extension that could do just enough, all the time, for free, and with a little cozy feel.

What it does:

We created a chrome extension that acts as a game, a time tracker, and a personal checklist, as well as taking advantage of your own personal reward systems to keep you doing what's best for you. Using our own xp and level up system, completing tasks, staying on productive websites, and doing long sessions of work, gives you and your knight xp, eventually leveling up to grant you bigger and better weapons. You also add to your own list of distracting websites, which will decrease your xp, to encourage you to stay on track!

How we built it:

We build it using the chrome.extension framework, and a mixture of chrome's APIs to track all the necessary data. Chrome extension pop up stores all the user's information which is stored and presented using chromes local data files. With our own pixel art and animations we were able to fully flesh out the feel of the game as you watch your knight progress with you. Website tracking chrome APIs as well as alarm APIs allowed us to easily check what tab the user is on at a regular interval and compare it to the database of good and bad URLs to grant and take away points.

Challenges we ran into:

Our major challenges were all caused by our general lack of knowledge in CSS, javaScript, and HTML, and this came with many big setbacks as we struggled to find the pieces to get all the information we needed. Both storing data and using data is a huge pain for "permanent" info on the popup as by default no information is stored and without any cloud base programs to move info, using googles, slow, finicky, and unreliable build in, local storage proved a struggle as data would often simply disappear leading to trying to implement as many checks as possible to not led data slip thorough on every update. Learning to communicate between the service workers in the background and the popup.js file to create a seamless experience was also a challenge.

Accomplishments that we're proud of;

Overall we are all verry proud of our general design and amazing artwork as well as our animations. Were overall simply overjoyed that it works at all and happy to sea all our core feature like equipping weapons, and tracking tasks, and URL's, find their way of working out.

What we learned;

We learned a lot in pretty much every category you can imagine. We all substantially improved our proficiencies in the languages used, and simply learned how to work through these seemingly impossible problems into a serious of solutions. Getting the ball rolling and having the dedication to push through is one of the biggest parts of completing these projects and having trust in yourself and your teammates to all do what's needed to be done and to find a solution.

What's next for Study Knight;

Study knight will be refined and going global, you have my word. In 10 years middle schoolers will be sitting in the cafeteria comparing their Study Knight score fighting for the next best armour and weapon on their new favourite night.

Built With

• chrome.api
• css
• html
• javascript