Overlay is an app that can be used to watch videos from plattforms like Youtube and Twitch. It lays and stays on top of other windows. The app can be used on Windows, MacOS and Linux.

Use this tool to watch youtube videos for example or learn to code, while keeping the video on top of others without wasting space with black bars.

• Minimalistic UI
• Support for Youtube, Twitch and Dailymotion
• Portable on Linux and MacOS with .AppImage and .app format respectively

At first we need to setup the environment to develop the app.

The package manager used here, is yarn. First install yarn for example with brew by typing:

brew install yarn

After installing yarn the setup is pretty straight forward. The project contains a package.json which lists all required packages. The file yarn.lock contains all the packages the developer used recently.

Install dependencies by entering:

yarn install

Use the following statement to run the application:

yarn start

This project is equipped with ESLint for code quality standards. To lint the whole project you can use the yarn script:

yarn lint

To build an executable for your current plattform use the following command.

yarn build

To run all the tests use the following yarn script:

yarn test

• yarn - package management
• electron - the base for all this stuff
• electron-react-boilerplate - boilerplate and build tools
• react - Reactive web components
• redux - Central data store
• more

• David Littig - Initial work - GitHub

Enjoy!