The latest articles on Forem by Atulya Jaiswal (@atulyaaj). https://forem.com/atulyaaj 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%2F3774873%2F3c79f991-7495-41d4-a96a-40c022238c2d.jpeg https://forem.com/atulyaaj en Atulya Jaiswal Mon, 16 Feb 2026 05:53:40 +0000 https://forem.com/atulyaaj/how-i-built-tabric-a-chrome-extension-to-save-restore-tab-sessions-j1a https://forem.com/atulyaaj/how-i-built-tabric-a-chrome-extension-to-save-restore-tab-sessions-j1a <p>I often had 20–30 tabs open across research and work, and I kept losing context when closing windows or switching projects.</p> <p>So I built <strong>Tabric</strong>, a Chrome extension that lets you save browser tab sessions with notes and restore them anytime.</p> <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%2Fqaalfgf3kzjuzkquim9g.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%2Fqaalfgf3kzjuzkquim9g.png" alt="Tabric overview" width="800" height="502"></a></p> <h2> What Tabric does </h2> <ul> <li>Save all tabs in the current window as a named session</li> <li>Add notes for context</li> <li>One-click Quick Save</li> <li>Restore sessions anytime in a new window</li> <li>Search sessions by name or notes</li> <li>Bulk delete sessions</li> <li>Export / import sessions as JSON (backup &amp; transfer)</li> <li>Light / Dark / Auto theme support</li> </ul> <h2> Privacy </h2> <p>Tabric stores sessions and notes <strong>locally on your device</strong>. It doesn’t upload your browsing data to any server.<br><br> Feedback is optional and only sent if a user submits it.</p> <h2> Tech stack </h2> <ul> <li>JavaScript (ES6+)</li> <li>React</li> <li>Chrome Extension (Manifest V3)</li> <li>Chrome APIs (tabs, storage)</li> <li>HTML/CSS (UI)</li> </ul> <h2> What I learned </h2> <p>This project helped me understand:</p> <ul> <li>designing a fast UI for frequent actions</li> <li>local-first state/storage design</li> <li>packaging and publishing updates on the Chrome Web Store</li> <li>writing clear privacy/support documentation</li> </ul> <h2> Try it </h2> <p>Chrome Web Store: <strong><a href="https://chromewebstore.google.com/detail/kdfeeoijbcoogiponlffiaocdadgkpio" rel="noopener noreferrer">Tabric</a></strong></p> <p>If you try it, I’d love feedback on the UX and what features would make it more useful.</p> javascript productivity webdev react