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 to production when 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...