HTML + CSS +JS = Aplicación funcional

🎉 En mi primer posteo en esta comunidad quería compartir una aplicación funcional desarrollada en HTML, CSS & JS para el Hotel en el cual trabajo en mi ciudad Ushuaia, Argentina.

🤖 Una de las tareas repetitivas que quería automatizar durante mi turno es la de enviar mensajes con novedades a los huéspedes del hotel. Para ello desarrollé esta mini aplicación que ya tiene información y un diseño predeterminado.

Actualmente esos mensajes se imprimen en papel y se envían departamento por departamento, práctica que de a poco estamos reemplazando por mensajes por WhatsApp. Pero eso es otra historia.

En codepen.io dejo el código completo y cada uno con sus comentarios para que lo analicen.

Usé:

HTML para la maquetación del diseño

CSS y Bootstrap para ponerlo bonito

JS para que cuando se haga click en el botón "Continuar", muestre la página de impresión y procese la información del formulario.

👉 Ver aplicación: https://codepen.io/viktormorales/pen/JjrMPRR

Esta aplicación es la base de una aplicación un poco mayor, ya que la idea final es que cuando se hace click en "IMPRIMIR":

Imprima el mensaje,

Lo guarde en una carpeta,

Y también guarde el registro en una base de datos para consultas posteriores.

🙋‍♂️ Este artículo es un servicio para aquellos lectores que están iniciando en estas tecnologías puedan ver un uso sencillo y aplicable a la vida real.

¡Saludos!