Prueba-tecnica_front-end NPM

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

Asegúrate de tener Node.js y npm instalados.
Se solicita crear la aplicación utilizando alguna de estas tecnologías Web de su elección:

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:

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.

Requerimientos generales

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.

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