In this video, we will create a cross-platform desktop app to resize image dimensions, using JavaScript and Electron.

💻 Code:
https://github.com/bradtraversy/image-resizer-electron

To package your app up for different platforms, you could use one of the following:
https://github.com/electron/electron-packager
https://www.electronforge.io/

⭐ All Courses:
https://traversymedia.com

💖 Show Support
Patreon: https://www.patreon.com/traversymedia
PayPal: https://paypal.me/traversymedia

👇 Follow Traversy Media On Social Media:
Twitter: https://twitter.com/traversymedia
Instagram: https://www.instagram.com/traversymedia
Linkedin: https://www.linkedin.com/in/bradtraversy

Timestamps:
0:00 – Intro
3:05 – Resources
4:48 – Setup & Install Dependencies
8:08 – Create Main Window
12:45 – Common Boilerplate
15:53 – Show Devtools
18:10 – Using Electronmon
18:54 – Adding the UI Theme
21:26 – Content Security Policy
23:00 – Menu Customization
27:36 – Menu Roles
30:00 – About Window
31:53 – Start Renderer JS / Load Image
38:15 – Get Original Dimensions
39:40 – Using Preload
44:28 – Show Output Path
46:43 – Toastify Alerts
50:58 – Form Submit Handler
53:54 – IPC Renderer (Send)
56:44 – IPC Main (Recieve)
59:35 – Resize Image
1:05:32 – Catch Message In Renderer
1:07:32 – Make mainWindow Global
1:10:22 – Test Production Mode