Added cities. Replaced favicon. Added instructions for anyone wanting…

… to test.

.devcontainer/devcontainer.json

@@ -1,35 +1,36 @@
 {
     "name": "project-dev",
-    "dockerComposeFile": ["docker-compose.yml"],
+    "dockerComposeFile": [
+        "docker-compose.yml"
+    ],
     "service": "vscode",
-    "runServices": ["vscode"],
+    "runServices": [
+        "vscode"
+    ],
     "shutdownAction": "stopCompose",
     "postCreateCommand": "source ~/.windows.sh",
     "workspaceFolder": "/workspace",
     // "overrideCommand": "",
     "extensions": [
-        "dbaeumer.vscode-eslint", // ESLint
-        "esbenp.prettier-vscode", // Prettier code formatter
-        "bierner.color-info", // JSX and CSS color information
-        "jpoissonnier.vscode-styled-components", // Styled components
-        "visualstudioexptteam.vscodeintellicode", // AI-assisted development
-        "eg2.vscode-npm-script", // NPM support for VS code
-        "christian-kohler.npm-intellisense", // Autocompletes npm modules in import statements
-        "cssho.vscode-svgviewer", // SVG viewer
-        "eamodio.gitlens", // IDE Git information
-        "ms-azuretools.vscode-docker", // Docker integration and linting
-        "shardulm94.trailing-spaces", // Show trailing spaces
+        "dbaeumer.vscode-eslint",
+        "esbenp.prettier-vscode",
+        "bierner.color-info",
+        "jpoissonnier.vscode-styled-components",
+        "visualstudioexptteam.vscodeintellicode",
+        "eg2.vscode-npm-script",
+        "christian-kohler.npm-intellisense",
+        "cssho.vscode-svgviewer",
+        "eamodio.gitlens",
+        "ms-azuretools.vscode-docker",
+        "shardulm94.trailing-spaces",
         "davidanson.vscode-markdownlint",
-        "IBM.output-colorizer", // Colorize your output/test logs
-        "Gruntfuggly.todo-tree", // Highlights TODO comments
-        "bierner.emojisense", // Emoji sense for markdown
-        "stkb.rewrap", // rewrap comments after n characters on one line
-        "vscode-icons-team.vscode-icons", // Better file extension icons
-        "github.vscode-pull-request-github", // Github interaction
-        // "JakeWilson.vscode-cdnjs", // Search and embed libraries from cdnjs.com
-        // "alefragnani.Bookmarks",
-        // "quicktype.quicktype", // Paste JSON as code
-        // "spikespaz.vscode-smoothtype", // smooth cursor animation
+        "IBM.output-colorizer",
+        "Gruntfuggly.todo-tree",
+        "bierner.emojisense",
+        "stkb.rewrap",
+        "vscode-icons-team.vscode-icons",
+        "github.vscode-pull-request-github",
+        "EditorConfig.EditorConfig"
     ],
     "settings": {
         "files.eol": "\n",
@@ -50,19 +51,19 @@
         "[javascript]": {
             "editor.defaultFormatter": "esbenp.prettier-vscode",
             "editor.formatOnSave": false
-          },
-          "[javascriptreact]": {
-              "editor.defaultFormatter": "esbenp.prettier-vscode",
-              "editor.formatOnSave": false
-          },
-          "[typescript]": {
-              "editor.defaultFormatter": "esbenp.prettier-vscode",
-              "editor.formatOnSave": false
-          },
-          "[typescriptreact]": {
-              "editor.defaultFormatter": "esbenp.prettier-vscode",
-              "editor.formatOnSave": false
-          },
-          "prettier-eslint.eslintIntegration": true
+        },
+        "[javascriptreact]": {
+            "editor.defaultFormatter": "esbenp.prettier-vscode",
+            "editor.formatOnSave": false
+        },
+        "[typescript]": {
+            "editor.defaultFormatter": "esbenp.prettier-vscode",
+            "editor.formatOnSave": false
+        },
+        "[typescriptreact]": {
+            "editor.defaultFormatter": "esbenp.prettier-vscode",
+            "editor.formatOnSave": false
+        },
+        "prettier-eslint.eslintIntegration": true
     }
 }

.devcontainer/docker-compose.yml

@@ -28,7 +28,6 @@ services:
     entrypoint: zsh -c "while sleep 1000; do :; done"
     ports:
       - 3000/tcp
-      - 5173/tcp
 
 volumes:
   node_modules:

README.md

@@ -1,6 +1,17 @@
 # Ryan Grange's React Site
+
 Everyone wants proof I can work in React.
 
 So here you go.
 
 I'm using devcontainer so you hopefully don't have to go through the pain of setting up your system with all the various packages or programs. You'll still need docker and docker-compose installed.
+
+To start (from inside the dev container)...
+
+* open a terminal inside the devcontainer
+* cd rgreact
+* npm install
+* npm run dev
+  * or npm run build
+  * or npm run lint
+  * or npm run preview