Electron 101: Building an Electron App from Scratch

Getting Started

Creating the Boilerplate Electron App

On this page, the user creates a directory and sets it up with the basic structure of any Electron App.

Make it a Git Repository

On this page, the user types git init and pushes to a bare repo on GitHub

Creating the Files for the App

Q: At what point do we start using branches if we’re using git? On this page, the user creates the files that will be customizable and directly impact how the program looks and behaves. (index.html, style.css, main.js)

Starting the app

Now, the user tries to see the app and see their html page

add to index.html

On this page, the user types very simple “hello world” type text on the index.html page.

Add to style.css

Add to main.js

Celebrate! Point to what’s next