The latest articles on DEV Community by Debargha Bhattacharjee (@deb_06). https://dev.to/deb_06 https://media2.dev.to/dynamic/image/width=90,height=90,fit=cover,gravity=auto,format=auto/https:%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F3858233%2Feb8d5d48-d03a-4d34-a483-10ab21b3088a.png https://dev.to/deb_06 en Debargha Bhattacharjee Thu, 02 Apr 2026 19:51:36 +0000 https://dev.to/deb_06/how-i-built-a-real-time-focus-tracker-using-firebase-as-a-student-2hbk https://dev.to/deb_06/how-i-built-a-real-time-focus-tracker-using-firebase-as-a-student-2hbk <p>Most productivity apps tracks time.</p> <p>But time ≠ focus.</p> <p>So I built something different — a real-time focus tracker called Immersed.</p> <p>🔗 Live: <a href="https://getimmersed.in" rel="noopener noreferrer">https://getimmersed.in</a><br><br> 🔗 GitHub: <a href="https://github.com/debargha06-gif/immersed" rel="noopener noreferrer">https://github.com/debargha06-gif/immersed</a> </p> <h2> What is Immersed? </h2> <p>Immersed tracks how you actually work, not just how long.</p> <p>Instead of timers, it focuses on:</p> <ul> <li>when you're actually focused</li> <li>when you get distracted</li> <li>how consistent your sessions are</li> </ul> <h2> Key Features </h2> <ul> <li>Real-time focus tracking </li> <li>Distraction detection system </li> <li>Focus score based on actual behavior </li> <li>Leaderboards &amp; gamified productivity </li> <li>Live focus rooms </li> </ul> <p><a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Frowjasc0wia97r8vcl3x.png" class="article-body-image-wrapper"><img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Frowjasc0wia97r8vcl3x.png" alt="Immersed dashboard showing real-time focus tracking" width="800" height="687"></a></p> <h2> Tech Stack </h2> <ul> <li>JavaScript </li> <li>Firebase </li> <li>Web-based app </li> </ul> <h2> Why I built this </h2> <p>Most apps just count time.</p> <p>But sitting for 2 hours doesn’t mean you were productive.</p> <p>I wanted to build something that tracks real focus — not just screen time.</p> <h2> Biggest challenge </h2> <p>Handling real-time updates properly without making the app slow or complex.</p> <h2> What’s next </h2> <ul> <li>Improving accuracy of distraction detection </li> <li>Better UI/UX </li> <li>More social features </li> </ul> <p>I’m still improving it — would love feedback.</p> <p>What would you add to a focus app like this?</p> webdev javascript productivity firebase