-
-
a picture of pronto's dashboard, showing time spent on different websites over a day, total time spent online, and more.
-
Inspiration
Staying focused during quarantine has been a challenge for everybody for the last year. We wanted to build a tool that could help people stay on top of their work and be aware of how they are spending their time on a computer, especially online. Knowing whether you spent your time on more social media than you would have liked, or being more productive than you had actually thought can give you the motivational boost needed to improve your productivity.
What it does
Pronto is a browser extension for Google Chrome that allows you to track how much time you spend on each website. It allows you to track which websites you've been on the longest in a day, week, year, or all time, which types of websites you spend time on, and allows you to set goals for websites you visit and see how close you are to achieving them
How I built it
We built it using Vue with Dexie.JS for IndexedDB storage and Tailwind for styling.
Challenges I ran into
IndexedDB is a very limited database, and the schema needed to be redone many times.
Accomplishments that I'm proud of
Creating a functional IndexedDB application with a good UI. Creating a unique trailer video showing off the project.
What I learned
How to create Chrome extensions and integrate Vue into it.
What's next for Pronto
Implementing alerts, improve charting, add more graphs, fix bugs
Built With
- css
- dexie.js
- javascript
- tailwind
- vue
