Implemented a Guest login means direct login without signIN

Author: 5codeman

controllers/user_controller.js

@@ -57,7 +57,9 @@ module.exports.signIn = async function (req, res) {
             else if (user && user.password == password) {
                 const token = generateAccessToken(user.id, user.email);
                 res.cookie("jwt_token", token); // , { maxAge: 1000, httpOnly: true } = for set the cookie expire time
-                res.status(200).send(`<script> window.location.href='/user_dashboard'; </script>`);
+                // res.status(200).send(`<script> window.location.href='/user_dashboard'; </script>`);
+                // res.redirect('/user_dashboard');
+                res.status(200).json({ redirect: '/user_dashboard' });
 
             }
         }).catch((err) => {
@@ -272,9 +274,11 @@ module.exports.sendMail = async (req, res) => {
             sender,
             To: receivers,
             subject: "Expense Tracker Reset Password",
+
             // textContent: "Link Below", (no need of text content because html content overide on textcontent)
+
             htmlContent: `<h3> Hii! We got the request from you for reset the password. Here is the link below >>> </h3>
-        <a href="http://localhost:9000/resetPasswordPage/{{params.requestId}}"> Reset your Password from here </a>`,
+            <a href="http://localhost:9000/resetPasswordPage/{{params.requestId}}"> Reset your Password from here </a>`,
             params: {
                 requestId: requestId,
             },

public/css/sign_up-login.css

@@ -59,6 +59,20 @@ button {
   transition: transform 80ms ease-in;
 }
 
+#loginBtn2 {
+  margin-top: 8px;
+  border-radius: 20px;
+  border: 1px solid #293241;
+  background-color: #293241;
+  color: #ffffff;
+  font-size: 12px;
+  font-weight: bold;
+  padding: 12px 45px;
+  letter-spacing: 1px;
+  text-transform: uppercase;
+  transition: transform 80ms ease-in;
+}
+
 button:active {
   transform: scale(0.95);
 }

public/js/sign_up-login.js

@@ -1,5 +1,6 @@
 const signUp = document.getElementById("signUp");
 const signIn = document.getElementById("signIn");
+const loginAsGuest = document.getElementById("loginBtn2");
 // const container = document.getElementById("container");
 // const signUpBtn = document.getElementById("signUpBtn");
 // const loginBtn = document.getElementById("loginBtn");
@@ -14,6 +15,25 @@ signIn.addEventListener("click", () => {
     container.classList.remove("right-panel-active");
 });
 
+loginAsGuest.addEventListener("click", login);
+
+function login() {
+    const loginDetails = {
+        email: "guest@gmail.com",
+        password: "guest123",
+    };
+
+    // axios.post("http://localhost:9000/signIn", loginDetails);
+
+    axios.post('http://localhost:9000/signIn', loginDetails).then(response => {
+        if (response.data.redirect) {
+            window.location.href = response.data.redirect;
+        }
+    }).catch(error => {
+        console.error('Error:', error);
+    });
+}
+
 // function login() {
 //     const loginDetails = {
 //         loginEmail: loginEmail.value,

public/views/sign_up-login.html

@@ -31,6 +31,7 @@ <h1>Login</h1>
                 <input type="password" placeholder="Password" name="password" id="loginPassword" required />
                 <a href="/forgotPasswordPage">Forgot Password?</a>
                 <button type="submit" id="loginBtn">Login</button>
+                <input type="button" id="loginBtn2" value="Login as guest" />
             </form>
         </div>
 
@@ -55,6 +56,8 @@ <h1>Hello, Friend!</h1>
 
     </div>
 
+    <script src="https://cdnjs.cloudflare.com/ajax/libs/axios/1.2.2/axios.min.js"></script>
+
     <script src="js/sign_up-login.js"></script>
 </body>