To Do App $-$ Focus on making some important electron pieces $-$ This is just a shell program to deal with some electron flow issues $---$ ## App $-$ List of TODOS $-$ Menu Selection in the window $-2$ Buttons, add a todo and quit $-$ Pop up to enter text and submit it $-$ Will be a little different on windows and mac $-$ Wont do remove or edit, but we have a lot of things to deal with to get this up and running. $---$ ## Starting $-$ Create a todo folder $-$ run npm init to make a new project $-$ install electron $```$js npm init $-$y npm install electron $```---$ ## Next $-$ Modify the package.json as previous to add a script to run the app $```$json $\{$ "name": "todo", "version": $"1\mathrm{.}0\mathrm{.}0",$ "description": $"",$ "main": "index.js$",$ "scripts": $\{$ "electron" : "electron $."\},$ "keywords": $[],$ "author": $"",$ "license": "ISC", "dependencies": $\{$ "electron": $"^27\mathrm{.}1\mathrm{.}2"\}\}```---$ ## Index Page $```$javascript const electron $=$ require$(\text{'}$electron$\text{'})$; const $\{$app$,$ BrowserWindow$\}=$ electron; app.on$(\text{'}$ready$\text{'},()=>\{$ const mainWindow $=$ new BrowserWindow$(\{$ webPreferences: $\{$nodeIntegration:true, contextIsolatoin: false$\},\})$; $\})$; $```-$ Previously we had $1$ html page, this time we might need more to have the pop up$.-$ Create a main.html $```$html