DEV Community

Viktor H. Morales
Viktor H. Morales

Posted on • Updated on

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.

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":

  1. Imprima el mensaje,
  2. Lo guarde en una carpeta,
  3. 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!

Top comments (0)