Buefy

En este post escribiré los detalles del código fuente para mi sistema gratuito para restaurantes. Te enseñaré a compilarlo y te enseñaré algunos de sus detalles para tenerlo en tu plataforma favorita. El programa está hecho con Vue, Buefy, Golang, SQLite3. Utiliza JWT para la autentificación, Gorilla para crear la API REST y NSIS para el instalador. Recuerda que, como está hecho con Go, C y Node, puede compilar en cualquier plataforma que soporte Go y C. Así que puedes compilar en Linux, Android, Mac, Windows, Raspberry Pi, servidores de internet y cualquier otra que soporte estos lenguajes. ...

En este post aprenderás a mostrar un modal personalizado usando Bulma a través de Buefy. De este modo podrás mostrar una ventana superpuesta o lo que se conoce como un modal. Por cierto, vamos a usar componentes y propiedades de los mismos para separar los conceptos. Te invito a repasar la comunicación entre componentes y cómo usar Buefy. ...

En este artículo te mostraré un software para recetas que es gratuito y open source. Esto también puede ser conocido como recetario online, libro de recetas, libro de recetas en línea, alternativa simple y open source a kiwilimón, libro de cocina online, programa para recetas, programa para gestionar recetas, sitio de cocina, etcétera. Lo que te muestro aquí está hecho con Vue y PHP usando MySQL como base de datos. Permite: Registrar recetas con foto, nombre, porciones, ingredientes y pasos Los ingredientes cambian dependiendo de las porciones de manera automática Listar recetas en tabla para editarlas y eliminarlas, es decir, gestionarlas Mostrar recetario o libro de cocina en línea con opción de búsqueda Imprimir receta de manera amigable Ver detalles de receta con cajas de texto para marcar los ingredientes y pasos completados Modificar el software a tus necesidades ya que es open source y gratuito Oh, y si te lo preguntas, decidí crearlo porque en una ocasión busqué una receta y el sitio en donde la encontré no me daba la opción de imprimirlo. Vamos allá. ...

Hoy vengo a presentar un generador de códigos QR que es gratis de usar para el usuario final (no necesitas registrarte ni usar una cuenta) además de que es open source para los programadores. En este post te voy a mostrar el enlace de la aplicación, cómo usarlo y cómo está hecho. Actualización: he actualizado este generador para que ya no necesite Vue ...

En este post te voy a mostrar un programa que acabo de crear (totalmente original) que sirve para el control de estacionamiento o parqueadero. Básicamente es un software gratuito que sirve para llevar el registro en un parqueadero. Este sistema es gratuito, por lo que puedes usarlo sin ningún costo, además de explorar su código fuente. Las características generales son: Registro de vehículo, ya sea motocicleta, auto, camionetas, etcétera. Registro de fecha y hora de entrada Cálculo del tiempo que el vehículo pasó estacionado Ajuste de costo por hora con redondeo y tolerancia Reporte de vehículos con tiempo de estancia y ganancia Escritorio con reporte general y gráficas Soporte de impresión de ticket de entrada para comprobante de ingreso y comprobante de pago en impresora térmica A lo largo de este post te mostraré los detalles del software así como las instrucciones de descarga y la ubicación del código fuente. Nota: en las capturas de pantalla probablemente verás datos aleatorios o incoherentes, pues los he generado aleatoriamente así que no esperes que tengan sentido, solo son de relleno para mostrarte los módulos. ...

En este post te mostraré un sistema que acabo de crear. Se trata de un software para el alojamiento de archivos en la nube usando PHP y MySQL. Es decir, algo como un Google Drive, Dropbox o Mega pero de forma básica. Gracias a este software open source de archivos en la nube podemos montar nuestro propio disco en la nube en la red local o en internet, subir archivos y acceder a ellos desde cualquier dispositivo, pues este programa es responsivo. También podremos compartir los archivos para su descarga, usando un hash único que podemos eliminar más tarde. A través de este post te mostraré los módulos del programa, explicaré un poco la arquitectura y te enseñaré cómo descargarlo e instalarlo. ...

En este post te mostraré algo sencillo: cómo hacer que un input o textarea en un formulario (usando el framework Bulma CSS o Buefy) ocupe todo el ancho disponible, es decir, que esté expandido. ...

Buefy es un paquete de componentes que combinan BulmaCSS y Vue.js. Entre esos componentes encontramos el b-datepicker que no es más que un seleccionador de fechas, calendario o datepicker. Por defecto viene en inglés, pero provee la manera de especificar los meses y días en español, cosa que te enseñaré hoy: cómo poner el datepicker de Buefy en español. ...

Los iconos de material design de Google son muy populares y se pueden integrar en varios frameworks o diseños. Hoy vamos a ver cómo usar los material icons en el framework Buefy, que es Bulma CSS con Vue. ...

En este post voy a poner las instrucciones para comenzar un proyecto con Buefy. Buefy es la combinación de Vue y Bulma CSS, ofrece componentes de Bulma CSS pero mejorados con el buen Vue. Vamos a utilizar NPM con la CLI de Vue (vue-cli), ya que será un proyecto un tanto formal. ...