Prueba Técnica - Programador (Front-end)

La siguiente es una prueba para evaluar a los postulantes a programador Front-end.

INTRODUCCIÓN

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.

¿Qué se busca evaluar?

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.

IMPORTANTE

1. Asegúrate de tener Node.js y npm instalados.

2. Se solicita crear la aplicación utilizando estas tecnologías:

React ** + SCSS**

3. Se requiere de una cuenta de GitHub para realizar este ejercicio.

4. 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.

5. Al finalizar, existen 2 (dos) opciones para entregar su proyecto:

• 1. Realizar un Commit de su proyecto, enviar un Pull Request al branch con su NOMBRE, y notificar a la siguiente dirección de correo electrónico mrequena@unow.es.
• 2. Crear un archivo comprimido (.zip o .rar) de su proyecto y enviar a la siguiente dirección de correo electrónico mrequena@unow.es.

EJERCICIO PRÁCTICO

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://api.github.com/search/users?q=YOUR_NAME.

Nota YOUR_NAME es un query string "parámetro"

Requerimientos generales

1. 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://api.github.com/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.

2. CSS: Utilizar CSS Grid y/o CSS Flexbox, para la maquetación del proyecto

3. Iconos: Utilizar una librería para el manejo de iconos donde lo considere necesario (se recomienda el uso de Font Awesome o Glyphicons.)