ucfx
diff --git a/‎.eslintrc.cjs
Lines changed: 21 additions & 0 deletions b/‎.eslintrc.cjs
Lines changed: 21 additions & 0 deletions
diff --git a/‎public/index.html renamed to ‎index.html
Lines changed: 2 additions & 3 deletions b/‎public/index.html renamed to ‎index.html
Lines changed: 2 additions & 3 deletions
diff --git a/‎package-lock.json
Lines changed: 0 additions & 29322 deletions b/‎package-lock.json
Lines changed: 0 additions & 29322 deletions
diff --git a/‎package.json
Lines changed: 16 additions & 34 deletions b/‎package.json
Lines changed: 16 additions & 34 deletions
@@ -0,0 +1,21 @@
+module.exports = {
+  root: true,
+  env: { browser: true, es2020: true },
+  extends: [
+    'eslint:recommended',
+    'plugin:react/recommended',
+    'plugin:react/jsx-runtime',
+    'plugin:react-hooks/recommended',
+  ],
+  ignorePatterns: ['dist', '.eslintrc.cjs'],
+  parserOptions: { ecmaVersion: 'latest', sourceType: 'module' },
+  settings: { react: { version: '18.2' } },
+  plugins: ['react-refresh'],
+  rules: {
+    'react/jsx-no-target-blank': 'off',
+    'react-refresh/only-export-components': [
+      'warn',
+      { allowConstantExport: true },
+    ],
+  },
+}
@@ -3,19 +3,18 @@
 
 <head>
     <meta charset="utf-8" />
-    <link rel="icon" href="%PUBLIC_URL%/favicon.ico" />
+    <link rel="icon" type="image/svg+xml" href="/favicon.ico" />
     <meta name="viewport" content="width=device-width, initial-scale=1" />
     <meta name="description" content="Tic Tac Toe Game Using React.js" />
 
-    <link rel="manifest" href="%PUBLIC_URL%/manifest.json" />
-
     <title>TIC TAC TOE</title>
 </head>
 
 <body>
     <noscript>You need to enable JavaScript to run this app.</noscript>
     <div id="root"></div>
 
+    <script type="module" src="/src/main.jsx"></script>
 </body>
 
 </html>
@@ -3,44 +3,26 @@
     "name": "tic-tac-toe-game",
     "version": "0.1.0",
     "private": true,
+    "scripts": {
+        "dev": "vite",
+        "build": "vite build",
+        "lint": "eslint . --ext js,jsx --report-unused-disable-directives --max-warnings 0",
+        "preview": "vite preview"
+    },
     "dependencies": {
-        "@testing-library/jest-dom": "^5.16.5",
-        "@testing-library/react": "^13.3.0",
-        "@testing-library/user-event": "^13.5.0",
-        "framer-motion": "^7.2.1",
+        "framer-motion": "^11.1.9",
         "react": "^18.2.0",
         "react-dom": "^18.2.0",
-        "react-scripts": "5.0.1",
-        "sass": "^1.54.5",
-        "web-vitals": "^2.1.4"
-    },
-    "scripts": {
-        "start": "react-scripts start",
-        "build": "react-scripts build",
-        "test": "react-scripts test",
-        "eject": "react-scripts eject",
-        "predeploy": "npm run build",
-        "deploy": "gh-pages -d build"
-    },
-    "eslintConfig": {
-        "extends": [
-            "react-app",
-            "react-app/jest"
-        ]
-    },
-    "browserslist": {
-        "production": [
-            ">0.2%",
-            "not dead",
-            "not op_mini all"
-        ],
-        "development": [
-            "last 1 chrome version",
-            "last 1 firefox version",
-            "last 1 safari version"
-        ]
+        "sass": "^1.77.1"
     },
     "devDependencies": {
-        "gh-pages": "^4.0.0"
+        "@types/react": "^18.2.66",
+        "@types/react-dom": "^18.2.22",
+        "@vitejs/plugin-react": "^4.2.1",
+        "eslint": "^8.57.0",
+        "eslint-plugin-react": "^7.34.1",
+        "eslint-plugin-react-hooks": "^4.6.0",
+        "eslint-plugin-react-refresh": "^0.4.6",
+        "vite": "^5.2.0"
     }
 }