Quickload

Inspiration

During the past school year, I found myself taking harder classes that required me to use online references every time I was in class. However, it was tedious to open the many tabs I needed to every time I got to class. So, I created a solution.

What it does

Quickload is a scheduler packaged as a Google Chrome extension that opens a loadout, or a group of tabs at a given time. By default, it runs every twenty-five seconds to limit resource usage. It also acts as a shortcut to open a group of links with just one button.

How we built it

Quickload is developed with the Plasmoframework, a framework designed for browser extensions. It is written in React using TypeScript and TailwindCSS. Time is managed with momentJS.

Challenges we ran into

This was my first time working with TypeScript, as I was unable to disable it when configuring my project. However, I picked it up quickly due to my experience in JavaScript. It was also my first time creating a browser extension as well as using Plasmo. However, with a little bit of research and a lot of patience, these novel technologies created a very intuitive tech stack.

Accomplishments that we're proud of

Being able to create a working prototype in 48 hours is a huge accomplishment for me. As a novice programmer, I usually take a lot longer to create a working build of my projects. I also was able to learn a variety of new tools within that time frame as mentioned above. I'm proud that I have made an app that can not only benefit me, but also my peers and people who struggle to remember what they need and organize themselves.

What we learned

I learned a lot. From real life skills like time management, to new tech such as TypeScript, Plasmo, and Manifest v3.

What's next for Quickload

Though I was not able to complete it within the allotted time, the original concept of Quickload also had the functionality of opening a loadout when in a certain geolocation. I also want to add more user customization options to the app, as well as quality of life updates such as tab groupings. I would also love to port it to Firefox.

Built With

• chrome
• extension
• manifest
• moment.js
• plasmo
• react
• tailwindcss
• typescript