Coder Social home page Coder Social logo

nityeshaga / document_bookmarks-extension Goto Github PK

View Code? Open in Web Editor NEW

This project forked from book-markr/document_bookmarks-extension

5.0 1.0 0.0 57 KB

A chrome browser extension that allows you to comment your bookmarks

HTML 10.12% JavaScript 89.88%

document_bookmarks-extension's Introduction

Document Bookmarks: a chrome extension (#WIP)

A chrome browser extension that helps you to manage your bookmarks better

Why

Currently, the way Chrome allows people to interface with their bookmarks is not really effective for a Bookmarks Power-User:

  • No option to add comments Sometimes, it can get really difficult to remember the exact reason or motivation behind a bookmark. Sure, the title does a pretty good job at explaining what the page contains, but not why you found the contents helpful or what you feared losing had you not saved its link.
    Also, comments can help store your personal views and your personal reflections about a page.

  • Difficult to share with people By share, I mean even a simple copy-paste action is absurdly difficult with the bookmarks-

    1. You select the bookmark
    2. You right click and select the Edit option
    3. Then you select the title, copy-paste at a desired location
    4. Then you select the link, copy-paste at a desired location
    5. Repeat steps 1-4 for each bookmark that you want to share
  • Difficult to edit A simple action like editing a bookmark requires you to right click on the respective bookmarks and select the Edit option from there before you can move on to actually editing it. That, in my opinion, introduces an unnecessary step to do such an elementary operation like editing a bookmark.

How does Document Bookmarks help?

  1. Built-in option to add comment in the popup itself
  2. Simple text based rendering of the bookmarks which can be easily copied like text on any other webpage
  3. One-click to move to editing mode in a bookmark

How to install and use

Right now, this extension is a Work in progress. So, you won't be able to find it in the Chrome webstore.
But don't worry, you can still install it and try it out easily:

  • Step 1. Get the repository

    1. Go to this repository's Home Page.
    2. Select the Clone or download option (present in a green box on the page).
    3. Click on Download ZIP (or Clone it if you know how).
    4. If you selected the Download ZIP option in the above step, you will now need to extract the contents in a suitable folder of your wish.
  • Step 2. Install the extension in Chrome

    1. Open your Chrome browser.
    2. Select the Options menu (the three .s on the upper right corner).
    3. Go More Tools -> Extensions.
    4. Toggle the Developer Mode option to On.
    5. Select Load Unpacked and select the folder where you saved the download (in Step 1.4).
  • Step 3. Use it

    1. You should see a new icon added to the right hand side of a Address bar in Chrome.
    2. Click it to save the bookmark to a desired folder and add comment. (Short aside on the Folder option: You can enter just a folder name, or its full path using / as separator or even a partial path! The extension will find the right folder for you if it exists)
    3. If you go to Bookmark Manager (Options -> Bookmarks -> Bookmarks Manager), you will see a new design for the manager. Here you can view all your bookmarks, edit existing bookmarks with one click, delete bookmarks (select the checkbox and press d/D.
    4. Star this repository if you find it useful :)
    5. Please raise an issue if you find something wrong or if you want to add some new feature. Also, it would be awesome if you could review the code, give me your opinion, tell me how to improve or better yet, contribute some code yourself!

You can contact me via email- [email protected]


Also, here's the link to an article that I wrote describing my motivation for creating the extension-
How to be a better programmer by automating the boring stuff

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.