Vibe Coding
bookmark ninja
Merge, organize, and de-duplicate bookmarks from multiple browsers in seconds
Project: Bookmark Ninja
The Problem: I rely heavily on bookmarks to keep my resources organized. Instead of juggling dozens of open tabs I keep everything sorted into clear folders and use different browsers for different tasks. That also means my bookmark bars are inconsistent, each browser or profile ends up with a slightly different set of saved links. I needed an easy way to organize and compartmentalize my bookmarks which required an easy way to merge bookmarks into a clean, task-specific set of resources.
The solution: Bookmark Ninja is a vibe coded MVP that allows you merge, organize, and de-duplicate bookmarks from multiple browsers, and export a newly organized bookmarks.html file that can be uploaded to any browser.
✨ Tech Stack
- Visual Studio Code
- Google AI Studio
- ClaudeAI
- Claude Code
✨ Features
- Multi-Browser Support – Import bookmarks from Chrome, Firefox, Edge, and Safari
- Smart Merging – Combine bookmarks from multiple sources with duplicate detection
- Duplicate Detection – Automatically find and remove duplicate bookmarks
- Folder Management – Create, organize, and merge folders with ease
- Promote Items – Move subfolder contents up to parent folders
- Multi-Select – Select multiple items with Ctrl+Click for batch operations
- Dark Mode – Beautiful light and dark themes
- Export – Download organized bookmarks in HTML format compatible with all browsers
- Privacy First – All processing happens locally in your browser, no data sent to servers
- Responsive Design – Works on desktop, tablet, and mobile devices
✨ Skills
- Automated CI/CD Pipeline: Engineered a continuous deployment workflow using GitHub Actions, eliminating manual FTP uploads and ensuring consistent production builds.
- Remote Build Process: Configured a Node.js/Vite build environment within the pipeline to compile source code into production-ready static assets (dist) before deployment.
- Secure Secrets Management: Implemented GitHub Repository Secrets to securely inject FTP credentials and server variables without exposing sensitive data in the codebase.
- Version Tracking System: Developed a custom shell script within the pipeline to generate a dynamic version.json file (injecting Commit Hash and Timestamp), enabling the frontend to detect and prompt for updates automatically.
- Legacy Infrastructure Integration: successfully bridged modern React/Vite tooling with traditional Shared Hosting via automated FTP synchronization.
- Pipeline: Engineered a continuous deployment workflow using GitHub Actions, eliminating manual FTP uploads and ensuring consistent production builds.
About Me
Harold Mansfield
AI Support Strategist
Sec+ CySA+ NIST 800-37
With 15+ years of experience supporting SMBs and enterprise colleagues, I help clients cut through the technical noise and understand advanced technologies.
Whether you’re a solopreneur or leading a team, my AI Consulting specializes in translating complex tech into plain English, solving real-world problems, and providing you with practical AI solutions that actually work.
From streamlining workflows with cloud based AI tools, automating processes with tools like n8n or running privacy focused local AI models, I bring continuous deep technical expertise, a strong cybersecurity foundation that satisfies DoD 8570/8140 , and white-glove customer service so that you can stop stressing and start doing.