Pruebas Tecnicas

Prueba Técnica Frontend

Objetivo

Desarrollar una interfaz web simple que consuma una API pública y muestre resultados de forma clara y organizada, aplicando buenas prácticas de desarrollo frontend.

Requisitos Técnicos

Usa el framework de la vacante en la que aplicaste.
Consume cualquier API pública abierta (ejemplo: https://jsonplaceholder.typicode.com/).
Implementa una interfaz visual agradable y funcional.
Documenta tu solución y decisiones técnicas.
Versiona tu código usando Git.
Implementa pruebas unitarias básicas.

Funcionalidades a Implementar

Mostrar una lista de elementos obtenidos desde la API seleccionada.
Permitir consultar detalles de un elemento específico desde la lista.
Incluir manejo básico de errores (fallo en API, datos faltantes).

Expectativas según Seniority

Junior:

Interfaz básica funcional que consume la API.
Estructura simple y clara en HTML/CSS.
Uso básico de Git (commits descriptivos).
Pruebas unitarias básicas (mínimo 30% cobertura).
Documentación mínima del proyecto (README básico con instrucciones).

Mid-level:

Implementación estructurada, aplicando buenas prácticas de maquetación y separación de responsabilidades.
Estilos optimizados y responsivos.
Manejo adecuado de errores y estados visuales.
Git con buena estrategia de ramas (main, dev, feature).
Pruebas unitarias con buena cobertura (mínimo 60%).
Documentación completa y clara (README detallado con instrucciones claras y justificaciones técnicas breves).

Senior:

Interfaz altamente funcional y visualmente atractiva.
Arquitectura de código modular y escalable.
Implementación avanzada de manejo de estados (ej. loading, errores).
Git avanzado (uso correcto de ramas, commits significativos, uso adecuado de merge requests).
Alta cobertura de pruebas unitarias (mínimo 80%), y al menos una prueba de integración básica.
Documentación exhaustiva (README detallado, diagrama simple de componentes, explicación de decisiones técnicas y posibles mejoras futuras).

Líder Técnico:

Todo lo anterior más:
Aplicación clara de patrones de diseño (explicando brevemente su uso).
Estrategia de escalabilidad clara para la solución propuesta.
Guía detallada para futuros desarrolladores sobre cómo extender o mantener el proyecto.
Propuestas de optimización de rendimiento y accesibilidad.

Criterios de Evaluación

Calidad y limpieza del código (legibilidad, organización, mantenibilidad).
Calidad visual y funcionalidad de la interfaz (UI/UX básica).
Correcto uso y estructura de Git (commits, ramas, estrategia general).
Cobertura, calidad y relevancia de pruebas unitarias.
Claridad y utilidad de la documentación proporcionada.

Entrega

Plazo máximo: 2 días desde la recepción de la prueba.
Comparte enlace a un repositorio público con tu solución.
El README debe incluir:
Instrucciones claras de instalación y ejecución.
Breve descripción del proyecto y de la arquitectura.
Justificaciones técnicas sobre decisiones tomadas.
Diagrama simple de componentes o flujo si aplica.

Nota importante

Prioriza calidad sobre cantidad. Es preferible una implementación simple, robusta y bien documentada, antes que muchas funcionalidades incompletas o con errores.
Load content from analytics.amplitude.com?
Loading external content may reveal information to 3rd parties. Learn more
Allow
This link can't be embedded.
Want to print your doc?
This is not the way.
Try clicking the ⋯ next to your doc name or using a keyboard shortcut (
CtrlP
) instead.