The latest articles on DEV Community by karan kumar gautam (@gautamkaran). https://dev.to/gautamkaran https://media2.dev.to/dynamic/image/width=90,height=90,fit=cover,gravity=auto,format=auto/https:%2F%2Fdev-to-uploads.s3.us-east-2.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F2108075%2F6f98f0f1-17a5-4245-8991-5bcc8af071c2.jpeg https://dev.to/gautamkaran en karan kumar gautam Fri, 28 Aug 2026 13:24:03 +0000 https://dev.to/gautamkaran/i-built-savebuddy-a-simple-chrome-extension-to-save-manage-bookmarks-2oen https://dev.to/gautamkaran/i-built-savebuddy-a-simple-chrome-extension-to-save-manage-bookmarks-2oen <h1> SaveBuddy – A Simple Chrome Extension to Save &amp; Manage Your Favorite Links </h1> <p>Every day we open dozens of tabs in Chrome, and eventually lose track of important links. Digging through bookmark folders takes time, and the clutter keeps growing.</p> <p>I needed a <strong>lightweight, no-nonsense</strong> solution — so I built <strong>SaveBuddy</strong>.</p> <h2> What is SaveBuddy? </h2> <p>SaveBuddy is a Chrome extension that lets you save links with a single click. No account required, no cloud sync — everything stays stored on your local machine.</p> <h2> Features </h2> <ul> <li>📌 <strong>Save links</strong> with custom titles</li> <li>🔖 <strong>Save current tab</strong> with one click</li> <li>✏️ <strong>Edit</strong> link titles and URLs anytime</li> <li>📋 <strong>Copy URLs</strong> to clipboard instantly</li> <li>🗑️ <strong>Delete</strong> individual links or all at once</li> <li>💾 <strong>Local storage</strong> — no tracking, no data collection</li> </ul> <h2> Tech Stack </h2> <p>The extension is built with vanilla technologies — no frameworks, no dependencies:</p> <ul> <li> <strong>HTML5</strong> – UI structure</li> <li> <strong>CSS3</strong> – Styling</li> <li> <strong>JavaScript</strong> – Logic</li> <li> <strong>Chrome Extension API</strong> – Browser integration</li> <li> <strong>LocalStorage</strong> – Data persistence</li> </ul> <h2> How to Install </h2> <ol> <li>Clone the repo or download the ZIP</li> <li>Go to <code>chrome://extensions/</code> </li> <li>Enable <strong>Developer mode</strong> (top right toggle)</li> <li>Click <strong>Load unpacked</strong> and select the SaveBuddy folder</li> <li>Done! The extension icon appears in your toolbar</li> </ol> <h2> How It Works </h2> <h3> Save a Link Manually </h3> <p>Paste a URL in the input field, optionally add a custom title, and hit <strong>SAVE LINK</strong>.</p> <h3> Save Current Tab </h3> <p>Click <strong>SAVE TAB</strong> and the active tab's URL + title gets saved instantly.</p> <h3> Manage Saved Links </h3> <ul> <li>Click the <strong>pencil icon</strong> to edit</li> <li>Click the <strong>copy icon</strong> to copy the URL</li> <li>Click the <strong>trash icon</strong> to delete</li> <li>Use <strong>DELETE ALL</strong> to clear everything</li> </ul> <h2> Why Local Storage? </h2> <p>Most bookmark managers force you to create accounts and sync data to their servers. SaveBuddy takes a different approach:</p> <ul> <li>✅ Your data stays on your machine</li> <li>✅ No account needed</li> <li>✅ No tracking</li> <li>✅ No server calls</li> <li>✅ Works offline</li> </ul> <p>Privacy-first, always.</p> <h2> What I Learned </h2> <p>Building this extension taught me:</p> <ol> <li> <strong>Chrome Extension API</strong> — <code>chrome.storage</code>, <code>chrome.tabs</code>, and Manifest V3</li> <li> <strong>CRUD operations</strong> with localStorage</li> <li> <strong>DOM manipulation</strong> without any framework</li> <li> <strong>User experience</strong> — keeping things simple is harder than adding features</li> </ol> <h2> Future Plans </h2> <ul> <li>[ ] Search/filter saved links</li> <li>[ ] Categories or tags for organization</li> <li>[ ] Export/Import bookmarks as JSON</li> <li>[ ] Dark mode support</li> </ul> <h2> Open Source </h2> <p>SaveBuddy is completely open source. Check out the code and docs:</p> <p>🔗 <strong><a href="https://github.com/gautamkaran/SaveBuddy" rel="noopener noreferrer">GitHub Repository</a></strong><br> 📖 <strong><a href="https://gautamkaran.github.io/SaveBuddy/" rel="noopener noreferrer">Documentation</a></strong></p> <p>Feel free to star the repo, open issues, or submit PRs. Contributions are welcome!</p> <p><em>Made with ❤️ by <a href="https://github.com/gautamkaran" rel="noopener noreferrer">gautamkaran</a></em></p> webdev opensource chromeextension javascript karan kumar gautam Wed, 09 Oct 2024 15:38:04 +0000 https://dev.to/gautamkaran/url-shortener-apis-1f5l https://dev.to/gautamkaran/url-shortener-apis-1f5l <p>A simple and powerful URL-Shortener-APIs that allows users to transform long URLs into Short URLs, Sharable links. All this service provides analytics, giving user the ability to track and monitor their shortened URLs performance.</p> <p><strong>Features of project</strong></p> <ol> <li><p><strong>URL Shortening ✂️</strong>: - Submit any long URL, and instantly receive a shorter, easy-to-share URL in return.</p></li> <li><p><strong>Redirection to Original URL 🔁</strong>: - When a shortened URL is accessed, users will be redirected seamlessly to the original long URL.</p></li> <li><p><strong>Analytics 📊</strong>:- Monitor the performance of your shortened URLs:<br> Track the total number of clicks for each shortened URL.</p></li> </ol> <p>Also improving code and adding new features, if you have found any issues and bug, and new feat related to this Apis please add new issues on </p> <p><a href="https://github.com/GautamKaran/URL-Shortener-api/" rel="noopener noreferrer">GitHub </a><br> [<a href="https://github.com/GautamKaran/URL-Shortener-api/issues/new" rel="noopener noreferrer">issues link</a>].</p> webdev opensource node javascript