Hay que utilizar dos puertos: uno para backend (Loopback 4) y otro para frontend (React.js).

Mongo DB debe estar instalado.

Primeramente se crea un usuario a traves del UserController de Loopback 4, después ya se puede experimentar con la aplicación web.

✔️ Login

✔️ Crear blogs

✔️ Editar blogs

✔️ Crear usuarios

✔️ Usar LB4

✔️ MongoDB como database connector

✔️ Autenticación usando JWT de LB4

✔️ Si no esta loggeado no se permite: Visualizar los blogs, Crear Blog, Editar Blog, Crear Usuario.

La verdad es que jamás había utilizado Loopback, entonces me llevó tiempo adicional por examinar la documentación. Por esto mismo no me ajustó el tiempo para hacer las validaciones (mensajes de éxito/error), tampoco para hacer la web app responsiva y otros detalles. Quedará pendiente.

Se realizó el estilo con CSS puro sin librerías.

This application is generated using LoopBack 4 CLI with the initial project layout.

Please check out LoopBack 4 documentation to understand how you can continue to add features to this application.