What does successfully setting up the coding environment look like?

[maptastik]

I am working on setting up my environment for the Vis Academy using Windows 10. While the instructions have mostly been clear, I have been tripped up on the very last portion of Installing a coding environment > Downloading code examples, Specifically, Verifying that everything works.

I believe that I was able to successfully able to load all the packages by doing the following:

cd vis-academy/src/demos/building-a-geospatial-app/starting-code
npm install

When I run npm run start I get the following output:

> [email protected] start C:\Users\maptastik\Documents\LEARNING\vis-academy\src\demos\building-a-geospatial-app\starting-code
> webpack-dev-server --config ./webpack.config.js --mode development

i ｢wds｣: Project is running at http://localhost:8080/
i ｢wds｣: webpack output is served from /
i ｢wds｣: Content not from webpack is served from ./dist
i ｢wdm｣: Hash: 47104cbf6ee5f9330e70
Version: webpack 4.29.1
Time: 1491ms
Built at: 2019-02-04 22:33:24
    Asset      Size  Chunks             Chunk Names
bundle.js  1.21 MiB    main  [emitted]  main
Entrypoint main = bundle.js
[0] multi (webpack)-dev-server/client?http://localhost:8080 (webpack)/hot/dev-server.js ./src/index.js 52 bytes {main} [built]
[./node_modules/loglevel/lib/loglevel.js] 7.68 KiB {main} [built]
[./node_modules/react-dom/index.js] 1.33 KiB {main} [built]
[./node_modules/react/index.js] 190 bytes {main} [built]
[./node_modules/url/url.js] 22.8 KiB {main} [built]
[./node_modules/webpack-dev-server/client/index.js?http://localhost:8080] (webpack)-dev-server/client?http://localhost:8080 7.78 KiB {main} [built]
[./node_modules/webpack-dev-server/client/overlay.js] (webpack)-dev-server/client/overlay.js 3.58 KiB {main} [built]
[./node_modules/webpack-dev-server/client/socket.js] (webpack)-dev-server/client/socket.js 1.05 KiB {main} [built]
[./node_modules/webpack-dev-server/node_modules/strip-ansi/index.js] (webpack)-dev-server/node_modules/strip-ansi/index.js 161 bytes {main} [built]
[./node_modules/webpack/hot sync ^\.\/log$] (webpack)/hot sync nonrecursive ^\.\/log$ 170 bytes {main} [built]
[./node_modules/webpack/hot/dev-server.js] (webpack)/hot/dev-server.js 1.61 KiB {main} [built]
[./node_modules/webpack/hot/emitter.js] (webpack)/hot/emitter.js 75 bytes {main} [built]
[./node_modules/webpack/hot/log-apply-result.js] (webpack)/hot/log-apply-result.js 1.27 KiB {main} [built]
[./node_modules/webpack/hot/log.js] (webpack)/hot/log.js 1.11 KiB {main} [built]
[./src/index.js] 187 bytes {main} [built]
    + 25 hidden modules
i ｢wdm｣: Compiled successfully.

While the instructions from the Vis Academy state to open up http://localhost:3030 in my browser, it appears that the server is actually running at http://localhost:8080. It looks like this mismatch in ports will be resolved by #81. Alas, I navigated to http://localhost:8080 in my browser. Here is what I see:

I am certain this will seem an obtuse questions, but is this what success looks like when setting up the environment?

The instructions state (emphasis mine):

We are going to build the app from the first lesson, "Building a Geospatial App", to make sure that everything works.

However, what shows up in my browser is this indicator that my Mapbox token is set. Is that what "everything" is? I'm a little confused because I thought we checked out Mapbox token in the section Installing a coding environment > Installing Tools - Windows.