Electron Tutorial - Build a custom text editor app

In this video we are going to build a desktop application with Electron. My focus was creating the app for macOS, but with few adjustments it can be easily adapted for windows or linux.

Git repo: https://github.com/codepanion/simple-text-editor-electron

You are going to learn:
- how to create a custom title bar,
- how to make a communication between renderer and main process with ipcRenderer and ipcMain modules,
- how to secure your app with Content Security Policy meta tag,
- how to use dialogs and file system to create, open and update the content of textual files,
- how to use notification module,
- how to create a custom menu bar,
- how to open recent documents,
- how to build the installable files,
- how to use electron-reloader,
- how to use electron-builder,
- and probably something more :)

Timestamps:
0:00 - Intro
1:08 - Initializing the project with npm
1:42 - creating a BrowserWindow with html page
3:32 - adding electron-reloader
4:47 - set dev tools opened by default
5:19 - html and css (with custom title bar)
15:12 - adding the renderer.js
18:15 - creating a file
28:25 - openning a file
35:07 - updating a file's content
38:21 - adding a notification for error cases
40:30 - creating a custom menu
44:03 - recent documents
48:11 - adding electron-builder and env variable