.

forgotPassword.html

@@ -49,7 +49,6 @@
             display: flex;
             justify-content: center;
             align-items: center;
-
             padding: 20px;
             border-radius: 10px;
             box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
@@ -127,7 +126,7 @@
             <div class="form-container">
                 <form id="forgotPasswordForm">
                     <h1>Forgot Password</h1>
-                    <input type="email" placeholder="Enter your email" id="recoveryEmail">
+                    <input type="email" placeholder="Enter your email" id="recoveryEmail" required>
                     <button type="submit">Send Recovery Link</button>
                 </form>
                 <div class="button-container">
@@ -156,8 +155,31 @@ <h1>Forgot Password</h1>
                     return;
                 }
 
+                // Prepare data for backend integration
+                const data = {
+                    email: recoveryEmail
+                };
+
                 // Implement your password recovery logic here
-                alert("Password recovery link has been sent to your email address");
+                fetch('YOUR_BACKEND_ENDPOINT', {
+                    method: 'POST',
+                    headers: {
+                        'Content-Type': 'application/json'
+                    },
+                    body: JSON.stringify(data)
+                })
+                    .then(response => response.json())
+                    .then(data => {
+                        if (data.success) {
+                            alert("Password recovery link has been sent to your email address");
+                        } else {
+                            alert("An error occurred. Please try again.");
+                        }
+                    })
+                    .catch((error) => {
+                        console.error('Error:', error);
+                        alert("An error occurred. Please try again.");
+                    });
             });
 
             function validateEmail(email) {