Skip to content

tejas0629/Bookmark-browser-extension-CodeXplorars-

Repository files navigation

Hello everyone I'm Tejas Upreti team Leader of CodeXplorer team member name - Arpit Lohani

Project overview

Bookmark Manager is a modern browser tool that help to organize and manage bookmarks effortelssly. 
easily accessable form your chorme/Firefox toolbar. 
It's designed to be a userfriendly interface, allowing user to add pages, organize them into folders, tag them, and search them easily. 

Features

1- Add bookmark Instantly

  • it saves the current page's title and URL directly into this extention. User can also add a short description or tags to make more easier to file the page later. 2- Organise with folders
  • Create custom folders and drag and drop the user bookmark between them. 3- Tag System
  • Add one or more tage to each bookmark and easily search by title , URL or tag. 4- Import /Export
  • Exoport your entire bookmark collection to a .json file, or import bookmark from another system with one click. 5- Context Menu Integration
  • Right-click any webpage- "add page to bookmark" to save it instantly . 6- Auto sync across Device
  • Uses chrome.storage.sync -so if you're logged into chrome, your bookmarks automatically sync across devices. 7-Clear All Option
  • Reset everything with a single click wheen you want to start fresh.

WORKING OF BOOKMARK

This extentiono uses a single popup interface (bookmark.html)that shows when you click toolbars icon.

  • It loads saaved bookmarks form local storage while when running loaclly.

  • You can add , edit , view and organize bookmarks dynamically-no reloads needed. Everything is stored in JSON format: { "folder": ["Work", "Study"], "bookmarks":{ "id:", "title:", "url:", "tags:", "folders:", "created:"

         }
         
     }
    

TECH STACK

  • HTML(bookmark.html)- UI and Structure.
  • CSS(style.css)(Flexbox)- Responsibe and minimal design
  • JavaScript(popup.js/background.js)- Dynamic rendering and logic
  • Chrome API- chrome.storage,chrome.contextMenus,chrome.runtime
  • Manifest V3- Latest Chrome extentsion architecture .

----------------------------THANK-YOU------------------------------------------- WAITING FOR YOU POSITIVE RESPONCE

Releases

No releases published

Packages

No packages published

Contributors 2

  •  
  •