true commit

Author: dipesh-2874

auth.js

@@ -28,8 +28,8 @@ if (signupForm) {
   signupForm.addEventListener("submit", (event) => {
     event.preventDefault();
 
-    const username = document.getElementById("username").value.trim();
-    const email = document.getElementById("email").value.trim();
+    const username = document.getElementById("username").value;
+    const email = document.getElementById("email").value;
     const password = document.getElementById("password").value;
     const confirmPassword = document.getElementById("confirmPassword").value;
     const error = document.getElementById("signupError");
@@ -41,25 +41,10 @@ if (signupForm) {
       return;
     }
 
-    // getting existing users
-    let users = JSON.parse(localStorage.getItem("users")) || [];
+    const user = { username, email, password };
+    localStorage.setItem("user", JSON.stringify(user));
 
-    // if username already exists
-    const userExists = users.some(user => user.email === email);
-
-    if (userExists) {
-      error.textContent = "User already exists!";
-      return;
-    }
-
-    // new user
-    const newUser = { username, email, password };
-    users.push(newUser);
-    localStorage.setItem("users", JSON.stringify(users));
-
-    localStorage.setItem("loggedIn", "true");
-    localStorage.setItem("loggedInUser", username);
-    window.location.href = getMainPagePath("index.html");
+    window.location.href = getMainPagePath("signin.html");
   });
 }
 
@@ -70,19 +55,18 @@ if (signinForm) {
   signinForm.addEventListener("submit", (event) => {
     event.preventDefault();
 
-    const email = document.getElementById("loginEmail").value.trim();
+    const email = document.getElementById("loginEmail").value;
     const password = document.getElementById("loginPassword").value;
     const error = document.getElementById("loginError");
+    const storedUser = JSON.parse(localStorage.getItem("user"));
 
-    const users = JSON.parse(localStorage.getItem("users")) || [];
-
-    const user = users.find(
-      u => u.email === email && u.password === password
-    );
-
-    if (user) {
+    if (
+      storedUser &&
+      storedUser.email === email &&
+      storedUser.password === password
+    ) {
       localStorage.setItem("loggedIn", "true");
-      localStorage.setItem("loggedInUser", user.username);
+      localStorage.setItem("loggedInUser", storedUser.username);
       window.location.href = getMainPagePath("index.html");
     } else {
       error.textContent = "Invalid email or password";
@@ -102,8 +86,8 @@ function showLoggedInUser() {
   const username = localStorage.getItem("loggedInUser");
   const userElement = document.getElementById("navUsername");
 
-  if (userElement) {
-    userElement.textContent = username ? username : "User";
+  if (userElement && username) {
+    userElement.textContent = username;
   }
 }
 
@@ -112,4 +96,4 @@ function logout() {
   localStorage.removeItem("loggedIn");
   localStorage.removeItem("loggedInUser");
   window.location.href = getMainPagePath("signin.html");
-}
+}

index.html

@@ -167,13 +167,13 @@ <h3>Tic Tac Toe</h3>
 
   <!--  AUTH SYSTEM -->
   <script src="auth.js"></script>
-  <script src="script.js"></script>
   <script>
     checkAuth();        // protect page
     showLoggedInUser(); // show username
   </script>
 
+  <script src="script.js"></script>
 
 </body>
 
-</html>
+</html>

signin.html

@@ -33,8 +33,8 @@ <h2>Login</h2>
   <script src="script.js"></script>
   <script>
     if (localStorage.getItem("loggedIn")) {
-      window.location.href = getMainPagePath("index.html");
+      window.location.href = "index.html";
     }
   </script>
 </body>
-</html>
+</html>

signup.html

@@ -42,8 +42,8 @@ <h2>Create Account</h2>
   <script src="script.js"></script>
   <script>
     if (localStorage.getItem("loggedIn")) {
-      window.location.href = getMainPagePath("index.html");
+      window.location.href = "index.html";
     }
   </script>
 </body>
-</html>
+</html>