Prueba técnica Frontend

PARTE UNO

La primera parte de esta prueba, consiste en replicar los formularios de inicio de sesión y registro que se muestran debajo respectivamente:

LoginForm SignupForm

Las condiciones del formulario son:

  • Que se pueda navegar entre vistas al dar click en inicio de sesión o registro.
  • Que la contraseña tenga mínimo 8 caracteres incluyendo números, mayúsculas y minúsculas y caracteres especiales. En caso de no cumplir con esas características, se tiene que generar un alert, modal o texto en rojo indicando al usuario.
  • Si las contraseñas no coinciden en le registro, se tiene que generar un alert, modal o el texto en rojo indicando al usuario.
  • Que no permita dar clic en el botón de registro si el usuario no ha aceptado los términos y condiciones.

Se va a evaluar:

  • La parte creativa en cuanto a íconos, imágenes, animaciones.
  • Que sea responsive
  • Cumplimitento de las condiciones del formulario.
  • Buenas prácticas en el código.

PARTE DOS

La segunda parte de la prueba es construir una landing page basada en esle template y consumir la API de Rick and Morty (https://rickandmortyapi.com/) para mostrar de forma aleatoria 8 personajes.

Landing

Al dar click sobre alguno de los personajes, se abrirá un detalle con información desde la API. (Imagen de personaje, nombre, estatus, especie y origen)

LandingDetail

Se evaluará:

  • El estilo y creatividad en paleta de colores, imágenes, íconos, animaciones.
  • Buenas prácticas en el código
  • Que sea responsive

Para ambas partes de la prueba, pueden utilizarse librerías de estilos.

Crea una branch y sube tu challenge, tienes un plazo de 5 días máximo.

Para correr el proyecto: yarn start