Tab Whisperer is a productivity-focused web application built to track and manage browser tab usage effectively. It empowers users to set intentions, time limits, and reasons for opening tabs — helping reduce digital distraction and improve focus. Designed with a clean UI, analytics dashboard, and goal-setting system.
- 🧠 Tab Intentions — Add what tab you want to open and why.
- ⏱️ Estimated Time Tracking — Set a time goal for how long you'll use a tab.
- 📊 Analytics Dashboard — View usage summaries, completed sessions, and time statistics.
- 💡 Minimal UI — Clean and intuitive interface built with TailwindCSS and React.
- 🔮 Upcoming (Planned) — Chrome Extension to monitor real tab activity in real-time.
| Tech | Purpose |
|---|---|
| React | UI library |
| TypeScript | Static typing |
| Vite | Fast dev server + bundler |
| Tailwind CSS | Styling framework |
| Chart.js | Graphs and visualizations |
| Heroicons | UI icons |
tab-whisperer/
├── public/
├── src/
│ ├── components/
│ ├── pages/
│ ├── utils/
│ ├── App.tsx
│ └── main.tsx
├── tailwind.config.js
├── vite.config.ts
├── package.json
└── README.md
Clone the repo and install dependencies:
git clone https://github.com/Sadat-Rakib/tab-whisperer.git
cd tab-whisperer
npm install
npm run devPlanned Feature A browser extension to track actual tabs, send activity to the dashboard, and monitor usage automatically. Will use Chrome Extension APIs + background scripts + local storage.
Digital overconsumption is real. Tab Whisperer aims to tackle digital multitasking by introducing accountability and purpose behind every tab opened.
Contributions are welcome! Open an issue or submit a PR. All ideas to enhance productivity are appreciated.
MIT © Sadat Rakib
- GitHub: @Sadat-Rakib](https://gitdocs1.s3.amazonaws.com/digests/sadat-rakib-tab-whisperer/bef3dd8b-e7b2-4b5c-8944-8f7ece33a28d.txt)
- LinkedIn: Sadat Rakib
- Portfolio: Coming Soon
⭐ If you like this project, consider starring the repo to support future development!