Skip to content

zzm378510663/learn-blackboard

 
 

Repository files navigation

Blackboard

All Contributors

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

Contributors ✨

Thanks goes to these wonderful people (emoji key):


Yash Gupta

💻

This project follows the all-contributors specification. Contributions of any kind welcome!

About

Chrome extension to annotate webpages, capture and save full page screenshots 🚀

Resources

License

Code of conduct

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • JavaScript 97.6%
  • HTML 2.4%