Meet our pet! Reaction when hovered over
Meet our pet! Reaction when hovered over
Meet the activity tracker!
Reading Time Estimator
Focus Mode
Duplicate Tab
GIF
GIF
Short Demo!
Activity tracker close up!
GIF
Trump as your pet!
GIF
Trump as your pet! How cool!
He is in love!
Twist!

Purrductivity

Tired of installing so many different browser extensions, or perhaps not even knowing which extensions to install? Purrductivity is a Chrome extension designed to enhance the work experience and provide practical benefits for employees. The primary concept revolves around an interactive Pet character that jumps around the browser. The Pet is accompanied by a chatbot powered by ChatGPT that allows users to ask questions and engage in conversations. In addition to the interactive elements, the extension incorporates productivity features such as a time tracker, reading time estimates, and a focus mode for viewing certain web pages. These features help users manage their time effectively and maintain focus during work sessions. By combining enjoyment, practicality, and productivity, the extension aims to create a more enjoyable and fulfilling work environment for employees.

Inspiration

Google Colab's Kitty mode 😍

How To Set Up

Documentation to run the code locally from Google here
Use Ctrl/CMD + B to open the extension popup

Features

1. Reading Time Estimator

Estimates the reading time for certain webpages (Medium, Channel NewsAsia, NUSNews)

2. Time Tracker

Tracks time spent on different pages: Ctrl/CMD + B > Click "View Time Traker"

3. Focus Mode

Hides miscellaneous or distracting elements on certain webpages Medium, Straits Times, NUSNews: Alt/Option + Shift + 1

4. Duplicate Tabs

Duplicates the current active tab: Alt/Option + Shift + 2

How we built it

Javascript, HTML, CSS

Challenges

Working with different CSS animations
Integrating multiple features into one extension
Integrating Chat GPT API and UI into the extension
Working across different timezones

Accomplishments

Started learning how to build a chrome extension and completed a final product in a day
Integrated a number of useful functionalities
Integrated keyboard shortcuts

Takeaways

Better understanding of how Chrome extensions are built and how to debug them
Better understanding of CSS styles and animations
Testing is important especially when integrating many different features as there may be regression bugs
Clear and proper delegation of tasks is important to improve efficiency of development