Time Capsule

TimeCapsule helps you track and understand your browser habits, offering insights to improve productivity and manage your screen time more effectively.

Comment

Inspiration

Browsing the internet has become an integral part of our lives, whether it's for entertainment, education, or other purposes. However, we often end up mindlessly scrolling and wasting hours without realizing it. Personally, I’ve found myself falling into this trap, losing valuable time that could be spent more productively. I wanted a tool to help visualize where my time is going, encouraging better habits and greater self-discipline. This idea was the driving force behind creating this project.

What it does

This browser extension tracks the time you spend on each website with remarkable accuracy (95-98%). It ensures precision by only monitoring active tabs—so idle tabs don’t count. To go beyond basic tracking, it incorporates AI insights powered by the Gemini Nano API in Chrome. These insights analyze your browsing patterns by focusing on window and tab activity, providing a detailed report of your screen time. The goal is to empower users to take control of their browsing habits and spend time more intentionally, instead of falling into the trap of dopamine-driven distractions.

How we built it

We built the extension using the Chrome Extensions API, leveraging key features such as chrome.tabs for monitoring active tabs and chrome.windows for detecting focused windows. The Gemini Nano API was integrated to provide AI-based insights into browsing behavior, giving users more actionable feedback.

The extension’s core logic was written in JavaScript, with HTML and CSS for the user interface. We also implemented optimizations to ensure it runs efficiently without impacting browser performance.

Challenges we ran into

  • Tracking only active tab activity: Ensuring accurate time tracking on active tabs while ignoring background tabs was a technical challenge.
  • Integrating AI insights: Configuring the Gemini Nano API to analyze data and optimizing real-time insights required extra effort.
  • User-friendly interface: Designing a clean and intuitive UI that presents complex data in a simple, digestible format took significant iteration and testing.

Accomplishments that we're proud of

  • Developing a highly accurate time-tracking mechanism that works seamlessly across different browsing scenarios.
  • Successfully integrating AI insights to provide personalized feedback, adding value beyond basic time tracking.
  • Creating a polished and user-friendly extension that’s easy to install and navigate.
  • Building a tool that has real potential to help people improve productivity and reduce unintentional time-wasting.

What we learned

  • Integrating AI tools like the Gemini Nano API to deliver actionable insights and improving data visualization.
  • How to build a browser extension from scratch.
  • How to effectively use Chrome APIs, especially chrome.tabs and chrome.windows, to create robust browser extensions.
  • The importance of balancing functionality with simplicity to ensure a smooth user experience.
  • The challenges and solutions around building tools that prioritize user privacy while analyzing behavior.

What's next for Time Capsule

  • Customizable Insights: Allowing users to set goals and receive tailored recommendations based on their browsing habits.
  • Gamification: Adding productivity challenges, streaks, and rewards to make habit-building more engaging and fun.
Share this project:

Updates