Add ESLINT and Prettier with autosave

.eslintrc.cjs

@@ -0,0 +1,40 @@
+module.exports = {
+  settings: {
+    react: {
+      version: 'detect',
+    },
+  },
+  env: {
+    browser: true,
+    commonjs: true,
+    es2021: true,
+    node: true,
+  },
+  extends: ['plugin:react/recommended', 'prettier', 'google'],
+  parser: '@babel/eslint-parser',
+  parserOptions: {
+    ecmaFeatures: {
+      jsx: true,
+    },
+    babelOptions: {
+      presets: ['@babel/preset-react'],
+    },
+    ecmaVersion: 2020,
+    sourceType: 'module',
+    requireConfigFile: false,
+  },
+  plugins: ['prettier', 'react'],
+  rules: {
+    'prettier/prettier': ['error', { singleQuote: true }],
+    'object-curly-spacing': ['error', 'always'],
+    'space-before-function-paren': 'off',
+    'operator-linebreak': 'off',
+    'quote-props': [
+      'error',
+      'as-needed',
+      { keywords: false, unnecessary: true, numbers: false },
+    ],
+    indent: 'off',
+  },
+  ignorePatterns: ['build/'],
+};

.github/workflows/lint.yml

@@ -0,0 +1,27 @@
+name: Lint Code Base
+
+on: [push, pull_request]
+
+env: # environment variables (available in any part of the action)
+  NODE_VERSION: 16
+
+jobs:
+  linting:
+    name: Linting
+    runs-on: ubuntu-latest
+    steps: # list of steps
+      - name: Install NodeJS
+        uses: actions/setup-node@v2
+        with:
+          node-version: ${{ env.NODE_VERSION }}
+
+      - name: Code Checkout
+        uses: actions/checkout@v3
+        with:
+          fetch-depth: 0
+
+      - name: Install Dependencies
+        run: npm i
+
+      - name: Code Linting
+        run: npm run lint

.vscode/settings.json

@@ -4,5 +4,12 @@
     "files.eol": "\n",
     "terminal.integrated.disableLineWrapping": true,
     "debug.console.wordWrap": false,
-    "editor.wordWrap":"off"
+    "editor.wordWrap": "off",
+    "editor.codeActionsOnSave": {
+        "source.fixAll": true
+    },
+    "eslint.validate": [
+        "javascript",
+        "javascriptreact",
+    ]
 }