Skip to content

ashrene-roy/blackboard

Folders and files

NameName
Last commit message
Last commit date

Latest commit

ย 

History

32 Commits
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 

Repository files navigation

Blackboard

Chrome extension to annotate webpages, capture and save full page screenshots ๐Ÿš€


logo

Features

  • โœ๏ธ Pencil tool
  • ๐Ÿ“ท Full page screenshot
  • โœจ Textbox
  • ๐ŸŽš๏ธ Size adjustor for drawing/writing
  • โœจ Eraser tool
  • ๐ŸŽจ Colour Palette
  • ๐Ÿ–Œ๏ธ Colour Picker
  • ๐Ÿ“ฅ Download screenshot
  • ๐Ÿ—‘๏ธ Reset

Screenshots

demo

demo

demo

Installation

Clone repo

git clone https://github.com/AshreneRoy/blackboard.git

Go to blackboard directory run

npm install

Now build the extension using

npm run build

You will see a build folder generated inside blackboard

To avoid running npm run build after updating any file, you can run

npm run watch

which listens to any local file changes, and rebuilds automatically.

Building

npm run build

Adding Blackboard extension toย Chrome

In Chrome browser, go to chrome://extensions page and switch on developer mode. This enables the ability to locally install a Chrome extension.

Now click on the LOAD UNPACKED and browse to blackboard/buildย .This will install the Blackboard as a Chrome extension.

License

MIT

Packages

No packages published

Contributors 4

  •  
  •  
  •  
  •