Prueba técnica #3

Last updated 8 months ago

Resumen

En esta prueba vamos a crear una pequeña webapp en React basada en el Life Calendar de Brigada Creativa.

Se trata de un calendario en el que cada día vas apuntado qué tal ha ido el día eligiendo un smiley. La idea es poder ver un periodo de tiempo en contexto para que los días malos no puedan a los buenos.

Guía gráfica

Esta imagen es una guía para hacernos una idea de cómo debería quedar. Life Calendar

Especificaciones

Tendremos una serie de reglas:

  • Solo hay dos opciones, día bueno o día malo: :) ó :(

  • En el caso de un buen día, :), se podrá añadir un mensaje

  • Una vez guardado un día ya no se puede editar

  • Esta vez no es necesario gestionar los huecos (si me dejo X días sin añadir)

  • Navegación:

    • Hay dos vistas, la vista de edición y la del listado de días

    • Se accede al editor con el botón + que aparece fijo en la parte superior de la pantalla

    • Los botones guardar/cancelar devuelven a la vista de listado

  • Los datos se guardarán en el local storage del navegador ;)

Aclaraciones

  • En ningún momento se piden las funcionalidades de un calendario.

  • Los datos se guardan en el Local storage con el objeto de poder recuperarlos cuando cargue la app, o si recargo o cierro el navegador.

Entrega

Tenéis que crear un nuevo repositorio en GitHub desde GitHub Classroom usando este enlace. Una vez creado invitaremos a nuestro voluntario, lo clonaremos en nuestro ordenador y en la carpeta creada empezaremos a trabajar en el ejercicio.

Inspiración

Guión exposición

Os proponemos un guión para presentar el ejercicio pero el entrevistador podrá variarlo o redirigirlo en cualquier momento:

  • Descripción breve de la API Local Storage

  • Estructura de datos que vamos a guardar

  • Estructura de componentes y uso del router