Proyecto completo Monitoreo de sensores

Descripción

Se trata de una aplicación con una "Arquitectura SPA con Backend API RESTful”, que sirve para la administración de usuarios, equipos electrónicos y datos de funcionamiento de equipos electromecánicos. Estos datos se monitorean las 24 Hs y la aplicación informa de cambios críticos a los responsables de cada área.

Figma: Lo usé para el diseño integral de la interfaz gráfica. Creé componentes para las distintas secciones, tratando de aplicar el atomic design para luego crear componentes en React.js.

Node.js: Monté un servidor web con Express, como API que sirve los datos alojados en una Base de Datos MySQL, sin ORM, escribiendo todas las consultas. Se crearon alrededor de 40 Endpoints, la mayoría protegidos con un middleware que usa JSON Web Token y Bcrypt para el almacenamiento de datos críticos.

El servidor, además, ejecuta cronJobs con los datos de los dispositivos a controlar, verificando que no sobrepasen los niveles indicados en las alarmas. En caso de superar estos niveles, se envían correos a las personas responsables del área utilizando NodeMailer.

React.js: Siguiendo lo diseñado en Figma, creé el frontend para la aplicación web que utiliza la API antes descrita, empleando Vite.js, useContext, axios, dotenv, crypto-js y use-local-storage-state.