FlexBookmark is a powerful and lightweight Chrome extension for managing bookmarks in a structured, visual, and customizable way — with seamless Google account sync.
- 📁 Tree-structured sidebar to visualize your bookmarks
- ➕ Quick add/remove bookmark functionality
- 🔄 Auto-sync with your Google account
- 🎨 Customizable new tab interface
- ⚡ Optimized performance using Service Worker (Manifest V3)
- Clone this repository:
git clone https://github.com/KhanhRomVN/flexbookmark.git cd flexbookmark
2. Open Chrome and go to `chrome://extensions`
3. Enable **Developer mode** (top right corner)
4. Click **Load unpacked** and select the project directory
---
## 📂 Project Structure
```
flexbookmark/
├── assets/ # Static assets (icons, logos, etc.)
├── src/ # Main source code
│ ├── background/ # Service worker and background scripts
│ ├── content/ # Sidebar and new tab UI
│ └── popup/ # Optional popup interface
└── manifest.json # Chrome extension configuration (Manifest V3)
```
---
## 🛠️ Tech Stack
* Chrome Extensions API (Manifest V3)
* ES6 JavaScript Modules
* Service Workers
* CSS Variables for theming
---
## 🌱 Future Improvements
* [ ] Drag-and-drop bookmark sorting
* [ ] Tagging system & advanced search
* [ ] Dark mode support
* [ ] Multiple account sync management
---
## 📧 Contact
* 📩 Email: [khanhromvn@gmail.com](mailto:khanhromvn@gmail.com)
* 🌐 GitHub: [https://github.com/KhanhRomVN](https://github.com/KhanhRomVN)
* 🌍 Country: Vietnam 🇻🇳
---
## ⚖️ License
This project is licensed under the [MIT License](LICENSE).