FavBox

FavBox is an innovative local-first browser extension designed to streamline and enhance bookmark management without relying on cloud storage or third-party services. This experimental tool enriches the native bookmarking capabilities of browsers, providing a user-friendly experience that prioritizes organization and accessibility.

Key Features

• 🔄 Syncs with Browser Profile: Effortlessly maintains bookmark synchronization across devices using built-in browser features.
• 🔒 Private and Secure: No data is sent to third-party services, ensuring user privacy.
• 🎨 Minimalist, Clean UI: Offers a straightforward interface that enhances usability.
• 🏷️ Tag Support: Allows for easy organization of bookmarks through customizable tags.
• 🔍 Advanced Search Options: Features sorting and filtering capabilities based on tags, domains, folders, and keywords.
• 🌁 Multiple Display Modes: Offers flexibility in how bookmarks are presented.
• 🌗 Light and Dark Themes: User-friendly themes that adapt to different lighting conditions.
• 🗑️ Broken and Duplicate Bookmark Detection: Automatically identifies and assists in managing faulty or repeated entries.
• ⌨️ Hotkeys for Quick Access: Facilitates efficient navigation and operation.
• 🗒️ Local Notes Support: Add personal notes to bookmarks for enhanced context.
• ❤️ Free and Open Source: Contributions to the project are welcome, fostering community development.

How It Works

FavBox scans the bookmarks stored in the browser, retrieves relevant data from saved pages (such as title, description, image, and meta tags), and improves search efficiency. All information is meticulously stored in local IndexedDB, ensuring full control and privacy without relying on external storage solutions.

The extension enhances the existing bookmark features rather than replacing them, allowing users to manage bookmarks directly through both the extension and the browser's native interface.

To synchronize tags across devices without using cloud services, FavBox cleverly appends tags to the bookmark titles. For instance, a bookmark titled Google Chrome — Wikipedia will have tags added as follows: Google Chrome — Wikipedia 🏷 #wiki #browser — allowing seamless access on other devices solely through the standard browser profile sync.

Project Structure

The project structure is organized as follows:

├── public                 # Static assets (icons, etc.)  
│   └── icons  
├── src                    # Source code  
│   ├── assets             # Global assets  
│   ├── components         # Common reusable app components  
│   │   └── app  
│   ├── ext                # Browser extension includes main app, popup, content script, and service worker  
│   │   ├── browser        # FavBox app  
│   │   │   ├── components # FavBox components  
│   │   │   ├── layouts   
│   │   │   └── views  
│   │   ├── content        # Content scripts  
│   │   ├── popup          # Extension PopUp window  
│   │   └── sw             # Service Worker of the browser extension  
│   ├── helpers            # Shared utilities  
│   ├── parser             # Library to parse HTML content  
│   ├── storage            # IndexedDB storage  
│   │   └── idb  
│   └── workers            # JS Workers  
└── tests  
    ├── integration  
    └── unit  

Future Plans

• Explore the use of SQLite Wasm for improved storage solutions.
• Enhance transaction implementation for greater reliability and performance.
• Expand testing compatibility in additional browsers, including Firefox.

FavBox represents a significant advancement in bookmark management, marrying functionality with user privacy, and creating a clutter-free digital experience.