Change to Vite

.env

@@ -1,10 +1,11 @@
 PORT=4074
-REACT_APP_ITEMS_PER_PAGE=10
-REACT_APP_API_URL=https://api.chamsocial.com
-REACT_APP_UPLOAD_URL=https://www.chamsocial.com
-REACT_APP_FILE_URL=https://www.chamsocial.com
+VITE_ITEMS_PER_PAGE=10
+VITE_API_URL=http://localhost:7440
+VITE_UPLOAD_URL=http://localhost:5173
+VITE_FILE_URL=http://localhost:5173
+# VITE_API_URL=https://api.chamsocial.com
+# VITE_UPLOAD_URL=https://www.chamsocial.com
+# VITE_FILE_URL=https://www.chamsocial.com
 SKIP_PREFLIGHT_CHECK=true
 BROWSER=none
-REACT_APP_GOOGLE_MAPS_API_KEY='Replace in .local or .production'
-
-ESLINT_NO_DEV_ERRORS=true
+VITE_GOOGLE_MAPS_API_KEY='Replace in .local or .production'

README.md

@@ -1,3 +1,7 @@
-## Chamsocial frontend react
+# ChamSocial frontend
 
-Work in progress rewrite from angular 1 to react
+
+## Development
+* `npm install`
+* `npm run dev`
+* Visit <http://localhost:4074>

eslint.config.mjs

@@ -0,0 +1,31 @@
+import js from "@eslint/js";
+import globals from "globals";
+import pluginReact from "eslint-plugin-react";
+import { defineConfig } from "eslint/config";
+
+export default defineConfig([
+  { files: ["**/*.{js,mjs,cjs,jsx}"], plugins: { js }, extends: ["js/recommended"], languageOptions: { globals: globals.browser } },
+  {
+    ...pluginReact.configs.flat.recommended,
+    settings: {
+      react: {
+        version: "detect",
+      },
+      ...pluginReact.configs.flat.recommended.settings,
+    },
+    rules: {
+      ...pluginReact.configs.flat.recommended.rules,
+      "react/prop-types": "off",
+      "no-console": ["error", { allow: ["error"] }],
+    },
+  },
+  {
+		// Note: there should be no other properties in this object
+		ignores: [
+			"node_modules/*",
+			"build/*",
+			"tmp/*",
+			"public/*",
+		],
+	},
+]);

public/index.html → index.html

@@ -8,8 +8,8 @@
       manifest.json provides metadata used when your web app is added to the
       homescreen on Android. See https://developers.google.com/web/fundamentals/engage-and-retain/web-app-manifest/
     -->
-    <link rel="manifest" href="%PUBLIC_URL%/manifest.json">
-    <link rel="shortcut icon" href="%PUBLIC_URL%/favicon.ico">
+  <link rel="manifest" href="/manifest.json">
+  <link rel="shortcut icon" href="/favicon.ico">
     <!--
       Notice the use of %PUBLIC_URL% in the tags above.
       It will be replaced with the URL of the `public` folder during the build.
@@ -29,8 +29,9 @@
     <noscript>
       You need to enable JavaScript to run this app.
     </noscript>
-    <div id="root" class="root"></div>
-    <div id="portals"></div>
+  <div id="root" class="root"></div>
+  <div id="portals"></div>
+  <script type="module" src="/src/index.jsx"></script>
     <!--
       This HTML file is a template.
       If you open it directly in the browser, you will see an empty page.

jsconfig.json

@@ -1,6 +1,9 @@
 {
   "compilerOptions": {
-    "baseUrl": "src"
+    "baseUrl": "src",
+    "paths": {
+      "@/*": ["*"]
+    }
   },
   "include": ["src"]
 }