Awesome
WebResearcherJS (WBJS) <img width="40px" src="logo.png">
Actively engage with webpages by annotating with WBJS sticky notes.
Getting Started
-
WBJS Sticky Notes: Download the WBJS Sticky Notes. Available on Firefox and Chrome (in beta).
-
Local server: All the notes taken on the browser using the extension will be saved to a server running locally.
git clone https://github.com/kvgc153/WebResearcherJS-extension.git
cd WebResearcherJS-extension/wbjs-server/
npm install
node server.js
A sqlite DB will be created in the same folder which will contain all the notes taken by the webclipper. Check that this exists in the folder before procedding further.
How to take notes using WBJS?
<img width="100%" src="demo/demo1.gif">-
Create a Note: Click on the 'Make Note' button to start a note.
-
Move Note: Drag the note around the page by holding down the left mouse button and moving your mouse.
-
Add tags: Add relevant tags to your note for easy organization.
<img height="200px" src="demo/demo2.gif"> -
Saving notes: Save notes to server by pressing the save button. The notes will be automatically displayed the next time you visit the page.
-
View all notes : Visit http://127.0.0.1:3000/notesViewer to view and search all the notes taken.
The query string q can also be used to search the notes.
Example usage:
http://0.0.0.0:3000/notesViewer?q=test
Click here to learn about all the features of WBJS and here for developer notes.
Buy me a Coffee :coffee:
If you like this project and would like to support this work, please consider buying me a cup of coffee.