text: //login
  const loginFormHandler = async (event) => {
      event.preventDefault();
    
      // Collect values from the login form
      const email = document.querySelector('#email-login').value.trim();
      const password = document.querySelector('#password-login').value.trim();
    
      if (email && password) {
        // Send a POST request to the API endpoint
        const response = await fetch('/api/user/login', {
          method: 'POST',
          body: JSON.stringify({ email, password }),
          headers: { 'Content-Type': 'application/json' },
        });
    
        if (response.ok) {
          // If successful, redirect the browser to the profile page
          document.location.replace('/profile');//need to check this /profile
        } else {
          alert(response.statusText);
        }
      }
    };
  
   //signup 
    const signupFormHandler = async (event) => {
      event.preventDefault();
    
      
      const email = document.querySelector('#email-signup').value.trim();
      const password = document.querySelector('#password-signup').value.trim();
      //need to include for confirm password
    
      if ( email && password) {//need to include for confirm password
        const response = await fetch('/api/user', {
          method: 'POST',
          body: JSON.stringify({ email, password }),
          headers: { 'Content-Type': 'application/json' },
        });
    
        if (response.ok) {
          document.location.replace('/profile');//need to check this /profile 
        } else {
          alert(response.statusText);
        }
      }
    };
    
    document
      .querySelector('.login-form')
      .addEventListener('submit', loginFormHandler);
    
    document
      .querySelector('.signup-form')
      .addEventListener('submit', signupFormHandler);
    