Prueba técnica desarrollador web
Entregable 1
Se debe crear una landing page para la captura de lead como se ve en la imagen a continuación.
Requerimientos Landing Page
1. La interfaz lo más parecida a la imagen de muestra
2. Debe ser “responsive design” (diseño web adaptable). Esto significa hacer que un sitio web
sea accesible y adaptable en todos los devices: tabletas, smartphones, etc.
3. Los siguientes campos deben ser requeridos
a. Nombre del cliente
b. NIT
c. Check de tratamiento de datos
4. Requerimientos para el campo “Ciudad”
a. Debe ser del tipo select option
b. Debe tener las siguientes opciones: Cali, Medellín, Bogotá
5. Requerimientos para el campo “RTC”
a. Es un campo de texto que solo debe recibir dígitos (0-9)
6. Requerimientos para el campo “Nombre del Cliente” máximo 100 caracteres
a. Es un campo alfabético, incluidos
i. Los acentos
ii. Las “Ñ”
b. No debe permitir el ingreso de numero o caracteres especiales
7. Requerimiento general para el resto de campos
a. No debe permitir el ingreso de los siguientes caracteres
i. Numeral (#)
ii. Interrogación (¿?)
iii. Coma (,)
8. Debe registrar en campos ocultos (hidden) o local Storage la siguiente información
a. IP del cliente
b. Hora actual
c. Fecha actual
9. Al presionar el botón “siguiente” debe ocurrir las siguientes acciones
a. Alertar al usuario si algún campo o alguno de los requerimientos de los diferentes
campos esta invalido o ausente
b. Si todos los campos y sus requerimientos están correctos deberá guardar en base
de datos la información
c. Una vez guarde la información ocultar el formulario y presentar un mensaje de
gracias al usuario
Arquitectura
La arquitectura deberá ser orientada a servicios Rest
Tecnologías requeridas
• El back debe ser en (java 17 o superior, .Net o Superior), puede usar las siguientes
referencias.
o [Link]
o [Link]
• En el Front deberá usar una de las siguientes tecnologías
o Angular 18 o superior, node js
▪ [Link]
▪ [Link]
o HTML 5, SCss o Css 3 o superior.
• Base de datos Transacl SQL (Mysql, SQL server, postgres SQL, Oracle, SyBase)
• el servidor de despliegue puede ser
o Docker preferiblemente, apache, Nginx, iss,
Entregable 2
Deberá proveer un sistema para descargar los leads recolectados en la landing del primer
entregable. El sistema deber cumplir con los siguientes requerimientos:
1. Poder filtrar los resultados por rango de fecha
2. Exportar los resultados en una hoja de datos EXCEL en formato .csv
3. El sistema debe tener un sistema de autenticación.
Nota: En el desarrollo de este entregable puede usar las ID’s (herramientas o tecnologías) que
desee. Recomendable (vscode, intellij idea)
Entregable 3
Deberá realizar un conjunto de pruebas funcionales a la landing pague (entregable 1) y entregar
un documento evidenciándolas.
Entregable 4 (opcional *)
Entrega de la documentación técnica que considere pertinente. Esta puede ser entregada en Word
o el sistema que considere para documentar como wikis
Entregables 5 (opcional *)
Cargar por medio del repositorio de github/gitlab u otra herramienta de repositorios que desee y
enviarnos el enlace.