Pibble Focus Pet

Pibble Focus Pet turns productivity into play. Earn tokens by using AI tools like summarize, rewrite, and proofread to upgrade your Tamagotchi-style pet with new rooms, outfits, and accessories.

Comment

Inspiration

Pibble Focus Pet was inspired by the idea of a Tamagotchi, a virtual pet that users take care of. With the growing numbers of distractions that harm youth productivity, Pibble Focus Pet aims to gamify learning and productivity through a Chrome extension that combines a friendly, companion, tamagotchi-like experience to help students complete tasks.

What it does

Pibble Focus Pet is a chrome extension that focuses on providing user assistance through their web browser. It summarizes articles present on the browser and allows users to ask questions about it. Pibble Focus Pet also assists users with their writing by proofreading their work, and providing the option to rewrite their text.

How we built it

Pibble Focus Pet was built using TypeScript, JavaScript, and CSS for the frontend, Chrome Storage, Summarizer API, Prompt API, Rewrite API, and Proofreader API.

Challenges we ran into

A challenge that we ran into was ideating the rewards system, ideating the best ways to implement as many of the API's as possible without it sacrificing product-sense.

Accomplishments that we're proud of

  1. We were able to succesfully implement 4/5 of the available API's.

What we learned

  1. Utilizing AI and prompts to generate images (Bing image creator)
  2. Injecting HTML into web pages requires careful isolation between different execution contexts. The bridge script runs in the page context to access native AI APIs (like window.ai, Proofreader, Rewriter), while the extension needs to communicate with it through postMessage events since they operate in separate JavaScript environments.

What's next for Pibble Focus Pet

  1. We plan to implement the Translate API, and many other tools to assist education.
  2. Implement new and creative ways to better the rewards system, to promote user retention
  3. We plan to optimize the implementation of the API suite for faster response times
  4. We plan on improving the UI to make it more aesthetically pleasing

Built With

Share this project:

Updates