La siguiente es una prueba para evaluar a los postulantes a programador Front-end.
Este repositorio contiene una serie de requerimientos de un Caso Práctico, que busca evaluar las capacidades técnicas del candidato con respecto a las principales funciones y responsabilidades que se requieren dentro del área de Desarrollo de Tecnología.
Principalmente los siguientes aspectos:
- Creatividad para resolver los requerimientos,
- Calidad del código entregado (estructura y buenas prácticas),
- Eficiencia de los algoritmos entregados,
- Familiaridad con Frameworks y plataformas de desarrollo Web.
-
Asegúrate de tener
Node.js
ynpm
instalados. -
Se solicita crear la aplicación utilizando estas tecnologías:
React ** + SCSS**
-
Se requiere de una cuenta de GitHub para realizar este ejercicio.
-
Antes de comenzar a programar:
- Realizar un
Fork
de este repositorio (https://github.com/iseijasunow/Prueba-Tecnica_Front-end). - Clonar el fork a su máquina local
git clone git@github.com:USERNAME/FORKED-PROJECT.git
- Crear un
branch
en su cuenta de GitHub utilizando su nombre completo.
- Al finalizar, existen 2 (dos) opciones para entregar su proyecto:
-
- Realizar un
Commit
de su proyecto, enviar unPull Request
al branch con su NOMBRE, y notificar a la siguiente dirección de correo electrónico mrequena@unow.es.
- Realizar un
-
- Crear un archivo comprimido (.zip o .rar) de su proyecto y enviar a la siguiente dirección de correo electrónico mrequena@unow.es.
Objetivo: Crear una aplicación que ayude a obtener una lista de usuarios y muestre la información de sus perfiles, explotando el API Rest pública de GitHub https://github.com/gitapi/search/users?q=YOUR_NAME.
Nota YOUR_NAME es un query string "parámetro"
- La aplicación debe cumplir con los siguientes requisitos funcionales:
-
Crear una aplicación que incluya un campo de entrada texto y un botón, para que se pueda capturar el usuario y recuperar la información utilizando el API anteriormente indicada.
-
Mostrar los primeros 10 usuarios del resultado de la búsqueda, incluyendo su nombre de usuario (
'user.login'
) y el id ('user.id'
) de cada registro. -
Convertir cada Perfil de usuario en un enlace, para que al hacer clic en cada registro, navegue a una ruta que incluya la propiedad
'user.login'
como parámetro. -
Crear un componente independiente en el que se lea el parámetro de la URL, y a continuación, obtenga los datos de dicho usuario mediante la siguiente API: https://github.com/gitapi/users/YOUR_NAME
-
Incluir la imagen del usuario (
'avatar_url'
) y alguna otra información (de su elección) en el componente. -
Incluir un validador que verifique que el texto de búsqueda de usuarios sea de un mínimo de 4 caracteres, y otro que NO permita realizar la búsqueda de la palabra “iseijasunow”.
-
Integrar cualquier librería de gráficos que pueda encontrar y crear un gráfico de barras simple para mostrar el número de seguidores de los 10 primeros usuarios.
-
Incluir un componente para mostrar mensajes de Errores Generales en toda la aplicación.
-
CSS: Utilizar CSS Grid y/o CSS Flexbox, para la maquetación del proyecto
-
Iconos: Utilizar una librería para el manejo de iconos donde lo considere necesario (se recomienda el uso de Font Awesome o Glyphicons.)