Create a Desktop App With JavaScript & Electron
Traversy Media Traversy Media
2.23M subscribers
316,424 views
0

 Published On Oct 3, 2022

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...

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

⭐ All Courses:
https://traversymedia.com

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

👇 Follow Traversy Media On Social Media:
Twitter:   / traversymedia  
Instagram:   / traversymedia  
Linkedin:   / 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

show more

Share/Embed