Birthday Greetings App

Introducción

Este tutorial te ayudará a construir una aplicación web React sencilla llamada Birthday Greetings. La aplicación te permitirá configurar deseos por correo electrónico que puedes enviar a tus compañeros en su cumpleaños. Puedes configurar el deseo con un mensaje de cumpleaños personalizado y programarlo para que se envíe al correo electrónico de la persona requerida el día de su cumpleaños.

Puedes realizar las siguientes acciones en la aplicación:

• Registrarte/iniciar sesión en tu aplicación y emplear los procesos comunes de autenticación, incluyendo la validación de acceso usando lógica personalizada.
• Crear, Actualizar, Eliminar y gestionar los deseos de cumpleaños que configures.

El lado del cliente de la aplicación se verá así:

Puedes explorar la funcionalidad de la aplicación usando este enlace: ¡Prueba la app!

La lógica backend de este tutorial está codificada usando el runtime de Node.js. La aplicación Birthday Greeting emplea características de componentes de los siguientes servicios de Catalyst:

1. Catalyst Serverless
   
   • Functions: La lógica backend se codificará usando los siguientes tipos de funciones:
     • Advanced I/O Function: La lógica para interactuar con el cliente y crear el cron dinámico se codificará en esta función.
     • Basic I/O Function: La lógica utilizada para la validación personalizada de usuarios se codificará en esta función.
     • Job Function: La lógica para activar el correo electrónico que contiene el saludo de cumpleaños se codificará en esta función.
2. Catalyst Cloud Scale
   
   • Data Store: Para almacenar el nombre, mensaje personalizado, cumpleaños y correo electrónico de la persona para quien estás creando y programando el saludo.
   • ZCQL: Para publicar y obtener datos del Data Store mediante consultas.
   • Authentication: Para emplear los elementos de inicio de sesión requeridos usando el tipo Embedded Authentication para permitir que los usuarios se registren o inicien sesión en tu aplicación.
     • Whitelisting: Para usar la característica Custom User Validation para emplear la lógica de autenticación personalizada.
     • Email Templates: Para personalizar las plantillas de correo de Email Verification y Forgot Password.
   • Mail: Para verificar la dirección de correo del remitente y enviar el correo electrónico a la persona requerida.
   • Web Client Hosting: Para alojar el front end de la aplicación. Puedes inicializar y configurar el cliente como una React app.
3. Catalyst Job Scheduling
   
   • Job Pool: Para ejecutar los function jobs que activarán la job function requerida para enviar el correo electrónico con el saludo de cumpleaños.
   • Cron: Para programar el envío del correo de saludos usando Dynamic Cron.
   • Jobs: Para activar la Job Function requerida cuando se ejecuta desde el Job Pool.

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

Flujo de trabajo de la aplicación

El flujo de trabajo de la aplicación Birthday Greetings se ilustra a continuación:

1. Te registras o inicias sesión en la aplicación.
2. Puedes proporcionar un mensaje personalizado, programar cuándo quieres que se envíe el saludo de cumpleaños y a quién debe enviarse usando los elementos de la interfaz en el lado del cliente.
3. Los detalles son entonces utilizados por la Advanced I/O function para crear un Dynamic Cron usando el SDK.
4. En el momento programado, el dynamic cron enviará un function job al function job pool, desde donde el function job se ejecutará para activar la Job Function.
5. La job function usará el Mail SDK para enviar el correo electrónico con los saludos de cumpleaños a la persona requerida.

El flujo de trabajo completo de la aplicación se explicará con más detalle cuando codifiques la lógica del cliente, que te recomendamos revisar mientras sigues los pasos.