gallery

package.json

@@ -3,12 +3,20 @@
   "version": "0.1.0",
   "private": true,
   "dependencies": {
+    "@emotion/react": "^11.10.6",
+    "@emotion/styled": "^11.10.6",
+    "@material-ui/core": "^4.12.4",
+    "@material-ui/icons": "^4.11.3",
+    "@mui/icons-material": "^5.11.11",
+    "@mui/material": "^5.11.12",
     "@types/jest": "^27.5.2",
     "@types/node": "^16.18.14",
     "@types/react": "^18.0.28",
     "@types/react-dom": "^18.0.11",
+    "env-cmd": "^10.1.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
+    "react-image-gallery": "^1.2.11",
     "react-scripts": "5.0.1",
     "typescript": "^4.9.5",
     "web-vitals": "^2.1.4"
@@ -17,7 +25,10 @@
     "start": "react-scripts start",
     "build": "react-scripts build",
     "test": "react-scripts test",
-    "eject": "react-scripts eject"
+    "eject": "react-scripts eject",
+    "build:local": "env-cmd -f .env.local npm run build",
+    "build:hope-fly": "env-cmd -f .env.hope-fly npm run build",
+    "postbuild:local": "cp -vrRT ./build/. /opt/lampp/htdocs/gallery/"
   },
   "eslintConfig": {
     "extends": [
@@ -37,7 +48,9 @@
       "last 1 safari version"
     ]
   },
+  "homepage": "./",
   "devDependencies": {
+    "@types/react-image-gallery": "^1.2.0",
     "tailwindcss": "^3.2.7"
   }
 }