Task Manager App

Introducción

Este tutorial le ayudará a construir una aplicación web React llamada Task Manager. La aplicación le permitirá realizar las siguientes funcionalidades:

• Crear una tarea
• Asignar estados a cada tarea que cree
• Filtrar tareas
• Actualizar las tareas creadas
• Eliminar tareas cuando ya no sean necesarias

El lado del cliente de la aplicación se verá de la siguiente manera:

La lógica de esta aplicación está codificada empleando los siguientes servicios de Catalyst y sus respectivos componentes:

1. Catalyst Serverless:

   • Advanced IO Function: Para codificar la lógica del backend de la aplicación en el entorno de Node.js.

2. Catalyst CloudScale:

   • NoSQL: Para almacenar datos no estructurados o semiestructurados donde los datos se pasan como JSON o arreglos JSON.
   • Web Client Hosting: Para alojar el frontend de la aplicación como una aplicación web React.

Utilizará la consola web de Catalyst y la Interfaz de Línea de Comandos (CLI) de Catalyst para construir la aplicación.

Conceptos destacados

Antes de profundizar en la aplicación, es importante que comprenda las siguientes claves de tabla NoSQL:

• Partition Key: Esta clave es un atributo obligatorio ya que define cómo y dónde se deben almacenar los datos en la tabla NoSQL distribuida.

• Sort Key: Esta clave es típicamente un atributo opcional que le ayudará a referirse a los datos requeridos que comparten la misma Partition Key.

Por ejemplo, si tiene una tabla NoSQL que contiene datos sobre frutas, entonces la fruta en sí será la Partition Key, mientras que su variedad específica será la Sort Key.

Flujo de trabajo de la aplicación

A continuación se describe el flujo de trabajo de la aplicación:

• Creará una tarea completando los campos de entrada presentes en el cliente. El UserID actuará como la Partition Key, y el Task Name actuará como la Sort Key.

• Una vez que se cree la tarea, los datos no estructurados se almacenarán en el componente de almacenamiento NoSQL.

• Puede filtrar las tareas creadas y las tareas requeridas se referirán usando su UserID (Partition Key) y Task Name (Sort Key).

• También puede realizar operaciones de Edit y Delete sobre las tareas creadas. Los cambios en los datos se reflejarán en el componente NoSQL.

• Finalmente, la aplicación React se aloja en Catalyst usando el componente Web Client Hosting.