HU-10 – Contactar al refugio

[juanpa-27181]

ID:

HU-10 – Contactar al refugio

Descripción:

Como usuario interesado, quiero poder contactar al refugio a través de un formulario, para realizar consultas, solicitar información o dejar mensajes de apoyo.

Criterios de aceptación:

• Mostrar un formulario accesible desde el menú o pie de página.
• El formulario debe incluir los campos: nombre, correo electrónico, asunto y mensaje.
• Validar campos obligatorios antes de enviar.
• Mostrar un mensaje de confirmación al enviar correctamente.
• Mostrar mensajes de error claros si algún campo está vacío o hay fallo de conexión.
• Enviar la información al backend para su registro o reenvío al correo del refugio.
• Diseño responsivo y accesible desde cualquier dispositivo.

Consideraciones técnicas

FrontEnd:

• Crear componente Contacto.jsx.
• Implementar la ruta /contacto.
• Diseñar el formulario con validaciones (HTML5 o librería de validación).
• Al enviar el formulario, ejecutar POST al endpoint /api/contacto.
• Mostrar alertas o toasts para confirmar el envío o errores.
• (Opcional) Incluir enlaces a redes sociales y ubicación del refugio (Google Maps embebido).

BackEnd:

• Crear endpoint POST /api/contacto para recibir los mensajes de los usuarios.
• Validar que los campos nombre, correo y mensaje estén presentes.
• Guardar los datos en base de datos y devolver respuesta JSON de confirmación.
• (Opcional) Enviar correo automático al refugio con el mensaje recibido.

Base de Datos:

Crear tabla o colección contactos con los campos:

• id_contacto
• nombre
• correo
• asunto
• mensaje
• fecha_envio (auto)

Tareas técnicas:

• Crear componente Contacto y su vista /contacto.
• Diseñar formulario con los campos definidos.
• Implementar validaciones de formulario.
• Conectar con el endpoint POST /api/contacto.
• Mostrar confirmación o error de envío.
• Registrar los mensajes en base de datos.