Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

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

Awesome Lists containing this project

README

        




๐Ÿ‘จ๐Ÿพโ€๐Ÿซ Screenboard ๐Ÿ‘จ๐Ÿพโ€



Version


Maintenance


Twitter: maykbrito

> ๐Ÿ‘จ๐Ÿพโ€๐Ÿซ 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.

***
_๐Ÿ’œ_