Merge Branches

.eslintrc.json

@@ -0,0 +1,64 @@
+{
+    "env": {
+        "browser": true,
+        "node": true,
+        "es2021": true,
+        "jest": true
+    },
+    "extends": [
+        "airbnb",
+        "eslint:recommended",
+        "plugin:react/recommended",
+        "plugin:react-hooks/recommended",
+        "plugin:jest/recommended",
+        "plugin:jsx-a11y/recommended",
+        "plugin:prettier/recommended"
+    ],
+    "parserOptions": {
+        "ecmaFeatures": {
+            "jsx": true
+        },
+        "ecmaVersion": "latest",
+        "sourceType": "module"
+    },
+    "plugins": [
+        "react",
+        "jsx-a11y",
+        "prettier"
+    ],
+    "rules": {
+        "indent": "off",
+        "no-unused-vars": "warn",
+        "no-empty-function": "error",
+        "no-underscore-dangle": "off",
+        "no-unused-expressions": "error",
+        "prettier/prettier": "error",
+        "arrow-body-style": "off",
+        "prefer-arrow-callback": "off",
+        "jsx-a11y/anchor-is-valid": [ 
+            "error", 
+            {
+                "components": [ "Link" ],
+                "specialLink": [ "onClick", "to" ],
+                "aspects": [ "noHref" ]
+            }
+        ],
+        "jsx-a11y/click-events-have-key-events": "off",
+        "jsx-a11y/interactive-supports-focus": "warn",
+        "react/button-has-type": "warn",
+        "react/jsx-uses-react": "off",
+        "react/jsx-filename-extension": "off",
+        "react/react-in-jsx-scope": "off", 
+        "react/jsx-props-no-spreading": "warn",
+        "react/jsx-key": "off",
+        "no-shadow": "off",
+        "no-use-before-define": "warn",
+        "spaced-comment": [
+            "error", 
+            "always", 
+            { 
+                "exceptions": [ "-", "*" ] 
+            }
+        ]
+    }
+}

.gitattributes

@@ -0,0 +1,2 @@
+# Auto detect text files and perform LF normalization
+* text=auto eol=lf

.github/workflows/node.js.yml

@@ -0,0 +1,47 @@
+# This workflow will do a clean installation of node dependencies, cache/restore them, build the source code and run tests 
+# For more information see: https://help.github.com/actions/language-and-framework-guides/using-nodejs-with-github-actions
+
+name: Node.js CI
+
+# Controls when the workflow will run
+on:
+  # Triggers the workflow on push or pull request events but only for the main branch
+  push:
+    branches: [ "main" ]
+  pull_request:
+    branches: [ "main" ]
+
+  # Allows you to run this workflow manually from the Actions tab
+  workflow_dispatch:
+
+jobs:
+  build_test:
+
+    runs-on: ${{ matrix.os }}
+    env:
+      CI: false
+    strategy:
+      fail-fast: false
+      matrix:
+        os: [ubuntu-latest, macOS-latest, windows-latest]
+        node-version: [14.x]
+
+    steps:
+    - uses: actions/checkout@v3
+
+    - name: Use Node.js ${{ matrix.node-version }}
+      uses: actions/setup-node@v3
+      with:
+        node-version: ${{ matrix.node-version }}
+        cache: 'npm'
+
+    - name: Install packages
+      run: npm ci
+
+    - name: Prettier
+      run: npm run format:diff
+
+    - name: Lint
+      run: npm run lint
+
+    - run: npm run build --if-present

.prettierignore

@@ -0,0 +1,5 @@
+# Ignore artifacts:
+dist
+build
+coverage
+node_modules

.prettierrc.json

@@ -0,0 +1,19 @@
+{
+  "printWidth": 80,
+  "tabWidth": 2,
+  "useTabs": true,
+  "semi": true,
+  "singleQuote": false,
+  "trailingComma": "all",
+  "bracketSpacing": true,
+  "arrowParens": "avoid",
+  "endOfLine": "lf",
+  "overrides": [
+  {
+    "files": "*.html",
+    "options": {
+      "parser": "html"
+    }
+  }
+]
+}

README.md

@@ -15,3 +15,12 @@ To build:
 Then run:
 
 ### `npm start`
+
+
+# Format code
+Before running server or pushing your commits. 
+Please run:
+### `npm run format:fix`
+
+Fix any red error messages that appear on browser or terminal, then save debugged files. The website will run normally after that.
+