Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/maykbrito/screenboard
๐จ๐พโ๐ซ It's a overlay blackboard on your screen
https://github.com/maykbrito/screenboard
Last synced: 5 days ago
JSON representation
๐จ๐พโ๐ซ It's a overlay blackboard on your screen
- Host: GitHub
- URL: https://github.com/maykbrito/screenboard
- Owner: maykbrito
- Created: 2020-05-04T22:33:57.000Z (over 4 years ago)
- Default Branch: master
- Last Pushed: 2023-03-06T08:44:15.000Z (over 1 year ago)
- Last Synced: 2024-02-17T12:40:29.258Z (9 months ago)
- Language: JavaScript
- Homepage: https://youtu.be/tq-pzpaqn5Q
- Size: 662 KB
- Stars: 363
- Watchers: 10
- Forks: 47
- Open Issues: 5
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
๐จ๐พโ๐ซ Screenboard ๐จ๐พโ
> ๐จ๐พโ๐ซ It's a overlay blackboard on your screen
๐น Small presentation about this project https://youtu.be/tq-pzpaqn5Q
### ๐ [Homepage](https://github.com/maykbrito/screenboard#readme)
## ๐ Install
```sh
npm install
```## ๐ฅ Usage
```sh
npm start
```## ๐ธ Build
If you want to use it as an app for your platform run
```sh
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](https://www.electronjs.org/docs/latest/tutorial/window-customization#limitations).
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](https://github.com/electron/electron/pull/28207).---
## ๐ต๐พโโ๏ธ Inspiration ...
And lot of code from:
* https://github.com/Leimi/drawingboard.js
## ๐จ๐พโ๐ป Techs
* Javascript
* HTML
* CSS
* Electron
* Node.js## ๐ค Author
**Mayk Brito**
* Website: https://maykbrito.dev
* Twitter: [@maykbrito](https://twitter.com/maykbrito)
* Github: [@maykbrito](https://github.com/maykbrito)
* LinkedIn: [@maykbrito](https://linkedin.com/in/maykbrito)## ๐ค Contributing
Contributions, issues and feature requests are welcome!
Feel free to check [issues page](https://github.com/maykbrito/screenboard/issues).## ๐งช Tested in
- MacOS
- Linux \[Ubuntu 20.04.4 LTS\](by [@rrogovski](https://github.com/rrogovski))
- Windows 10/11 (by [@davidlpc1](https://github.com/davidlpc1) / [@rrogovski](https://github.com/rrogovski))## โจ Show your support
Give a โญ๏ธ if this project helped you!
---
## ๐ License
Copyright ยฉ 2021 [Mayk Brito](https://github.com/maykbrito).
This project is [MIT](https://github.com/maykbrito/screenboard/blob/master/LICENSE) licensed.***
_๐_