👨🏾‍🏫 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:

• https://github.com/Leimi/drawingboard.js

👨🏾‍💻 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.

---

💜