Initial project setup
To get started with the project, open up the starter files for Chapter 3 in VSCode. Create a .env file with the values from the .env.example file. Assign the following values to each environment variable:
NODE_ENV=dev: Should be set toproductionwhen generating a build.SERVER_URL=http://localhost:3000: We will soon have a server running in this URL.GMAP_KEY: We are going to use the Google Maps API in this project. You need to generate your unique API key to use Google Maps. See: https://developers.google.com/maps/documentation/javascript/get-api-key to generate your API key and add the key to this environment variable.
Earlier in Chapter 2, Building a Meme Creator, I mentioned that you cannot access your JavaScript variables inside HTML when the modules are bundled with Webpack. In Chapter 1, Building a ToDo List, we used the HTML attribute to call a JavaScript function. This might look useful, but it will also expose our object structure to users (I'm referring to other...
