/PruebaTecnica

Prueba Tecnica con react js

Prueba Técnica - Web Developer / Mobile Developer

¿Qué se busca evaluar?

Principalmente los siguientes aspectos:

  • Creatividad para resolver los requerimientos
  • Buenas practicas
  • Eficiencia de los algoritmos entregados
  • Diseño interactivo (UX)

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

  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 “react”.

    • 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 Error en toda la aplicación.

  2. CSS: Utilizar algún framework (de preferencia Sass ) para escribir los archivos CSS, tomando en cuenta la compatibilidad con distintos navegadores.

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