Skip to main content

Documentation Index

Fetch the complete documentation index at: https://mintlify.com/RespondeIA-APP/front/llms.txt

Use this file to discover all available pages before exploring further.

The authService.register method is the frontend service layer that handles user registration. This method calls the backend /api/register endpoint to create new user accounts.
This documentation covers the frontend service layer from the RespondeIA frontend repository. The backend API endpoints are hosted separately.

Source Code

From modules/auth/services/auth.service.ts:
export const authService = {
  // ...
  register: async (data: any) => {
    const res = await fetch('/api/register', {
      method: 'POST',
      body: JSON.stringify(data),
    });
    return res.json();
  }
};

Parameters

data
object
required
Registration data object containing user information.

Returns

Returns a Promise that resolves to the parsed JSON response from the backend API.

Usage Example

From modules/auth/components/RegisterForm.tsx:
const RegisterForm = () => {
  const [formData, setFormData] = useState({
    firstName: "",
    lastName: "",
    email: "",
    password: ""
  });

  const handleSubmit = async (e: React.FormEvent) => {
    e.preventDefault();
    try {
      const result = await authService.register(formData);
      console.log('Registration successful', result);
      // Redirect to login or dashboard
    } catch (error) {
      console.error('Registration failed', error);
    }
  };

  return (
    <form onSubmit={handleSubmit}>
      <Input 
        value={formData.firstName}
        onChange={(e) => setFormData({...formData, firstName: e.target.value})}
        placeholder="Juan"
      />
      <Input 
        value={formData.lastName}
        onChange={(e) => setFormData({...formData, lastName: e.target.value})}
        placeholder="Pérez"
      />
      <Input 
        type="email"
        value={formData.email}
        onChange={(e) => setFormData({...formData, email: e.target.value})}
        placeholder="nombre@empresa.com"
      />
      <Input 
        type="password"
        value={formData.password}
        onChange={(e) => setFormData({...formData, password: e.target.value})}
        placeholder="Mínimo 8 caracteres"
      />
      <Button type="submit">Registrarse</Button>
    </form>
  );
};

authService.login

Authenticate users after registration

RegisterForm Component

UI component using the register service

useAuthStore

Zustand store for authentication state

Authentication Guide

Complete authentication workflow guide

Build docs developers (and LLMs) love