Front end

Reto de frontend para los aspirantes a pertenecer al equipo de desarrollo de Blockchain Academy

Rick and Morty Random Character Generator

Descripción

El reto consiste en crear una aplicación SPA (Singe Page Application) con React.js, Apollo GraphQL y Styled Components. El objetivo es hacer el setup del cliente de apollo, y diseñar una aplicación utilizando las herramientas y estándares de Styled Components.

Objetivo

La aplicación debe traer datos de un personaje al azar utilizando la API GraphQL de rick and morty. El usuario debe ser capaz de generar tantos personajes como desee, y, además, mantener un historial de los personajes que aparecieron previamente, con la posibilidad de ver de nuevo los datos de un personaje que ya ha aparecido.

Requerimientos funcionales

Requerimiento

Descripción

Notas

Botón generador

Cuando el usuario haga click en el botón de la pantalla principal, la aplicación debe llamar al API GraphQL y traer un personaje aleatorio.

El usuario debe ser capaz de generar todos los personajes que desee.

Vista de Personaje

Una vez que la aplicación recibe una respuesta con los datos del personaje, debe existir una vista que muestre la información del personaje.

El uso de routing o modales es permitido, y será considerado como puntos extra

Historial

Es necesario guardar un historial con el nombre de los personajes que ha generado la aplicación en un menú.

Puntos extras si el menú es implementado como un modal lateral que pueda ser cerrado y abierto con un botón.

Requerimientos no funcionales

Requirement

Description

Setup del cliente de Apollo

La aplicación debe funcionar con la implementación de Apollo Graphql React, y preferentemente utilizando el withApollo HOC para manejar el acceso al cliente en toda la apl

Utilizar Styled Components

Los estilos de la aplicación deben ser completamente desarrollados con Styled Components, y habrá puntos extra si se utilizan conceptos de theming en la aplicación. Adaptación basado en props no es obligatorio, pero será fuertemente considerado para la evaluación.

Publicar la SPA en Github Pages

El candidato debe publicar la versión build de la aplicación en Github Pages, junto con su repositorio contenedor, con el objetivo de ser revisado correctamente.

Limitaciones

  • Para estilos, sólo está permitido usar Styled Components

  • For styling you can only use Styled Components

Puntos a evaluar

  • Arquitectura de archivos

  • Componentes en React

  • Implementación del Cliente de Apollo GraphQL y su uso

  • Styled Components

  • Responsividad

Last updated

Was this helpful?