Create a Desktop App With JavaScript & Electron

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