right here it is opening up and then here we have it on localhost NUMBER_TOKEN so if we go to localhost http local hosts five thousand and what you'll see is we get ace felt application in the browser now what we actually want to do is get this into an electronic so let's do that i'm going to type in code dots to open this in visual studio code you can use whatever text editor you want them okay and what you'll see is we have all of our files i'm going to kind of clear up a few of these files such as the URL_TOKEN since we don't need that we also don't need this scripts folder but if you do want to use typescript all you have to do is run this script right here by simply doing a node dot slash scripts slash setup URL_TOKEN and it'll actually convert it to a typescript project but i'm just going to get rid of that for simplicity's sake and there we go so we have this now what we want to do is install electron so npm install save dash dev electron electron there we go and that will now go to our package dot json folder i just wait for it to finish installing okay so what you'll see is in our URL_TOKEN we now have a dev dependency of electron perfect now what we're going to want to do is add a mean attribute so this is going to set where our electron application starts and for now i'm going to just create a folder called electron and create a file in here called URL_TOKEN and this will be the entry point to our electron app so to reference that from our URL_TOKEN we can do dot slash electron slash URL_TOKEN and this will be where our electron application starts which means we also need to change the start scripts to reflect that so we can just type in electron dot and what this will do is it will open uh run the electron commands in our current directory and it'll look for this main scripts which will then run this URL_TOKEN file and kickstart our whole app okay so now that we have that done let's actually quickly create a quick electron application so i'm going to import browser window app and ipc main equals require electron we're going to do URL_TOKEN ready which returns a promise which we're going to do then and then we're going to run a function when we're ready i'm going to call it main i'm going to create that function i'm going to call it function main in here we're going to run um once our application is ready to go if you have uh any questions with electron i do have a full to tier tutorial series that i highly recommend you check out if you don't actually know how electron works okay so i'm going to create a window i'm going to call it window is equal to a new browser window and this takes in a width i'm going to say NUMBER_TOKEN pixels a height of let's say NUMBER_TOKEN. we're going to set show to false by defaults we're going to do auto hide menu bar to true and then we're going to pass in a web preferences and pass into preload scripts so the preload script is where we actually want to the file we want to preload into our window so i want to create that real quick URL_TOKEN so we want to load this file into our browser
START_SELFPROMO_TOKEN if you have uh any questions with electron i do have a full to tier tutorial series that i highly recommend you check out if you don't actually know how electron works END_SELFPROMO_TOKEN