๐จ๐พโ๐ซ Screenboard ๐จ๐พโ
๐จ๐พโ๐ซ It's a overlay blackboard on your screen
๐น Small presentation about this project https://youtu.be/tq-pzpaqn5Q
๐ Homepage
๐ Install
npm install
๐ฅ Usage
npm start
๐ธ Build
If you want to use it as an app for your platform run
npm run build
It will give to you an file ate ./packages directory
โจ๏ธ Shortcuts
While it's running in your terminal, you can do a set of commands:
Functionality | Keyboard Shortcut |
---|---|
Toggle Window | Alt + Shift + w |
Undo | Cmd or Ctrl + z |
Redo | Cmd or Ctrl + y |
Clear | Cmd or Ctrl + backspace |
Toggle Options | Esc |
Select Pencil | w |
Select Eraser | e |
Increase pen size | d |
Decrease pen size | s |
Select colors | r (red), g (green), b (blue), c (cyan), m (magenta), y (yellow), k (black) |
You can customize your own shortcuts
in ./src/shortcuts.js
file.
๐ข Limitations
There are some limitations about the transparency on Electron. You can check out here.
On Windows OS:
- Transparent windows will not work when DWM is disabled.
- Transparent windows can not be maximized using the Windows system menu or by double clicking the title bar. The reasoning behind this can be seen on PR #28207.
๐ต๐พโโ๏ธ Inspiration ...
And lot of code from:
๐จ๐พโ๐ป Techs
- Javascript
- HTML
- CSS
- Electron
- Node.js
๐ค Author
Mayk Brito
- Website: https://maykbrito.dev
- Twitter: @maykbrito
- Github: @maykbrito
- LinkedIn: @maykbrito
๐ค Contributing
Contributions, issues and feature requests are welcome!
Feel free to check issues page.
๐งช Tested in
- MacOS
- Linux [Ubuntu 20.04.4 LTS](by @rrogovski)
- Windows 10/11 (by @davidlpc1 / @rrogovski)
โจ Show your support
Give a โญ๏ธ if this project helped you!
๐ License
Copyright ยฉ 2021 Mayk Brito.
This project is MIT licensed.