π¨πΎβπ« 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.