Add Prettier config and GitHub workflow

.github/workflows/prettier-check.yml

@@ -0,0 +1,39 @@
+name: Prettier Check
+
+on:
+  push:
+    branches:
+      - main
+
+jobs:
+  prettier-check:
+    runs-on: ubuntu-latest
+
+    steps:
+    - name: Checkout code
+      uses: actions/checkout@v3
+
+    - name: Use Node.js 20
+      uses: actions/setup-node@v3
+      with:
+        node-version: 20
+
+    - name: Install frontend dependencies
+      run: |
+        cd frontend
+        npm install -D
+
+    - name: Install backend dependencies
+      run: |
+        cd backend
+        npm install -D
+
+    - name: Frontend Prettier check
+      run: |
+        cd frontend
+        npm run prettier:check
+
+    - name: Backend Prettier check
+      run: |
+        cd backend
+        npm run prettier:check

backend/.prettierrc

@@ -0,0 +1,11 @@
+{
+  "printWidth": 100,
+  "tabWidth": 2,
+  "useTabs": false,
+  "semi": true,
+  "singleQuote": false,
+  "trailingComma": "all",
+  "bracketSpacing": true,
+  "arrowParens": "always",
+  "endOfLine": "lf"
+}

backend/package.json

@@ -5,7 +5,9 @@
 	"main": "index.js",
 	"scripts": {
 		"start": "nodemon src/index.js",
-		"test": "echo \"Error: no test specified\" && exit 1"
+		"test": "echo \"Error: no test specified\" && exit 1",
+		"prettier:check": "prettier --check \"**/*.{js,json,md}\"",
+  		"prettier:format": "prettier --write \"**/*.{js,json,md}\""
 	},
 	"repository": {
 		"type": "git",
@@ -39,6 +41,7 @@
 		"winston": "^3.11.0"
 	},
 	"devDependencies": {
-		"nodemon": "^2.0.22"
+		"nodemon": "^2.0.22",
+		"prettier": "3.2.4"
 	}
 }

frontend/.prettierrc

@@ -0,0 +1,16 @@
+{
+  "printWidth": 100,
+  "tabWidth": 2,
+  "useTabs": false,
+  "semi": true,
+  "singleQuote": false,
+  "quoteProps": "as-needed",
+  "jsxSingleQuote": false,
+  "trailingComma": "es5",
+  "bracketSpacing": true,
+  "bracketSameLine": false,
+  "arrowParens": "avoid",
+  "endOfLine": "lf",
+  "embeddedLanguageFormatting": "auto",
+  "singleAttributePerLine": false
+}

frontend/package.json

@@ -7,16 +7,18 @@
     "dev": "vite --host",
     "build": "vite build",
     "lint": "eslint src --ext js,jsx --report-unused-disable-directives --max-warnings 0",
-    "preview": "vite preview"
+    "preview": "vite preview",
+		"prettier:check": "prettier --check \"**/*.{js,json,md,jsx,html,css}\"",
+    "prettier:format": "prettier --write \"**/*.{js,json,md,jsx,html,css}\""
   },
   "dependencies": {
     "@emotion/react": "^11.11.0",
     "@emotion/styled": "^11.11.0",
     "@mui/icons-material": "^5.11.16",
     "@mui/material": "^5.13.2",
     "axios": "^1.6.0",
-    "plotly.js": "^2.25.2",
     "notistack": "^3.0.1",
+    "plotly.js": "^2.25.2",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-plotly.js": "^2.6.0",
@@ -30,6 +32,7 @@
     "eslint-plugin-react": "^7.32.2",
     "eslint-plugin-react-hooks": "^4.6.0",
     "eslint-plugin-react-refresh": "^0.3.4",
+    "prettier": "3.2.4",
     "vite": ">=4.5.2"
   }
 }