Add initial JSON data files and implement core page components for game functionality

app/ViewModel/useAuthViewModel.js

@@ -0,0 +1,71 @@
+import { useMemo, useState } from 'react';
+import { loginUser, registerUser } from '../API/API';
+import { setSessionUser } from '../Model/SessionStore';
+
+const useAuthViewModel = () => {
+  const [email, setEmail] = useState('');
+  const [password, setPassword] = useState('');
+  const [username, setUsername] = useState('');
+  const [confirmPassword, setConfirmPassword] = useState('');
+  const [accountType, setAccountType] = useState('Individual');
+  const [error, setError] = useState('');
+  const [currentUser, setCurrentUser] = useState(null);
+
+  const canRegister = useMemo(
+    () => Boolean(username && email && password && confirmPassword),
+    [username, email, password, confirmPassword],
+  );
+
+  const login = async () => {
+    setError('');
+    try {
+      const user = await loginUser(email.trim(), password);
+      setCurrentUser(user);
+      setSessionUser(user);
+      return user;
+    } catch (e) {
+      setError(e.message);
+      return null;
+    }
+  };
+
+  const register = async () => {
+    setError('');
+    try {
+      const user = await registerUser({
+        username: username.trim(),
+        email: email.trim().toLowerCase(),
+        password,
+        confirmPassword,
+        accountType,
+      });
+      setCurrentUser(user);
+      setSessionUser(user);
+      return user;
+    } catch (e) {
+      setError(e.message);
+      return null;
+    }
+  };
+
+  return {
+    email,
+    password,
+    username,
+    confirmPassword,
+    accountType,
+    error,
+    currentUser,
+    canRegister,
+    setEmail,
+    setPassword,
+    setUsername,
+    setConfirmPassword,
+    setAccountType,
+    login,
+    register,
+  };
+};
+
+export default useAuthViewModel;
+