Generador de códigos QR gratuito y open source

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 ...

junio 28, 2021 · 3 min · 635 palabras · Parzibyte

Selector de color con Vue (color picker)

En este post te mostraré un seleccionador de colores o input de tipo color (también conocido como color picker) que me gustó para su uso con el framework Vue. El picker del que hablo se llama vue-color y permite usar varios selectores de color. ...

junio 28, 2021 · 2 min · 333 palabras · Parzibyte

Sistema para estacionamientos gratuito

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. ...

mayo 12, 2021 · 8 min · 1511 palabras · Parzibyte

Configurar publicPath de Vue CLI en ./

En este tutorial te mostraré cómo hacer que la ruta pública de Vue (al usar la vue cli para compilar nuestros proyectos con npm run build) sea el directorio actual, es decir, ./. Normalmente la Vue CLI va a compilar y crear el archivo index.html pero en las rutas habrá algo como: script src=/js/script.js Si te fijas, no tiene el ./, por lo que en varios servidores causará errores. Hoy te enseñaré cómo hacer que Vue CLI compile las rutas de manera relativa al directorio actual. ...

marzo 16, 2021 · 2 min · 325 palabras · Parzibyte

Enfocar input con Vue

En este post te enseñaré a enfocar un campo de texto o input de HTML usando el Framework Vue. Aunque parezca algo muy básico, en realidad hay algunos casos en donde enfocar no es tan fácil. Te enseñaré cómo enfocar un elemento con Vue, y también con Vuetify. ...

febrero 9, 2021 · 2 min · 343 palabras · Parzibyte

Checador de transporte público - Aplicación gratuita

En este post te mostraré una aplicación de checador de transporte público (es web, pero puede ser convertida en app móvil nativa gracias a las PWA) para monitorear y registrar los horarios en los que pasa el transporte público. Esta app es ideal para la persona que es el “checador” del transporte, mismo que registra los horarios en los que pasa cada unidad hacia cada destino o ruta junto con su número. Más tarde, se puede saber hace cuánto tiempo pasó el transporte a determinado destino, además de calcular el tiempo promedio y llevar reportes por fecha. Como varios de mis proyectos, esta PWA de checador de transporte público es open source y gratuita. A lo largo del post te enseñaré los aspectos técnicos, cómo descargar el código y cómo descargar la app. ...

enero 30, 2021 · 9 min · 1886 palabras · Parzibyte

Vuetify con iconos y fuentes sin internet

Vuetify agrega diseños y componentes de Material Design a nuestras aplicaciones creadas con Vue. Para varios casos necesitamos los iconos de Material Design así como la fuente Roboto de Google. Hoy te mostraré cómo tener los iconos y la fuente de manera offline, fuera de línea, local, o como le llames. De este modo nuestra aplicación no dependerá de ninguna conexión a internet, cosa que viene genial cuando vamos a crear una app local. ...

enero 29, 2021 · 2 min · 291 palabras · Parzibyte

Propiedades de componentes en Vue.js

En este post te hablaré un poco sobre las props o propiedades de componentes en Vue.js. Las propiedades permiten pasar datos a un componente hijo, mejorando así la comunicación. Gracias a las props en Vue así como $emit y on, podemos comunicar componentes de manera fácil. ...

enero 27, 2021 · 2 min · 353 palabras · Parzibyte

Vue CLI congelada en 40 % al ejecutar npm run serve

En este post te daré la posible solución a un problema que se presenta al usar Node.js, Vue, la Vue CLI y ejecutar el comando npm run serve. En mi caso se quedaba al 40 % y no avanzaba más allá de eso. WAIT Compiling… 40% building 1/2 modules 1 active ...

enero 23, 2021 · 1 min · 205 palabras · Parzibyte

Consumo de una API REST con Vue.js y JavaScript

En este artículo te voy a enseñar a consumir una API REST usando JavaScript y el framework Vue.js, además de utilizar Bootstrap para el diseño. Al final vamos a tener una aplicación web que va a gestionar datos y hacer las 4 operaciones básicas: crear, actualizar, eliminar y obtener. Todo esto lo vamos a hacer sin tocar el código del servidor, pues simplemente nos vamos a enfocar en la programación del lado del cliente, así que solo veremos HTML, JavaScript y un poco de CSS. ...

diciembre 11, 2020 · 10 min · 1935 palabras · Parzibyte