En este post vamos a ver cómo usar los iconos de Material design en nuestros proyectos web al usar Vue 3. Te voy a mostrar una manera en la que al final vas a incluir en tu proyecto solo los iconos que has usado, haciendo tu software mucho más ligero. Para tener los Material design icons en Vue 3 vamos a usar el paquete vue-material-design-icons que a su vez es simplemente una colección de componentes de Vue que usan los Material Design Icons. ...
En el artículo de hoy te enseñaré a usar varios idiomas en tu aplicación web con Vue 3 usando Vue I18n que es un paquete para agregar localización a tus proyectos. Básicamente vas a poder mostrar tu aplicación en distintos idiomas ya sea español, inglés, francés, etcétera, teniendo un archivo de traducciones y mostrando la cadena traducida en tus componentes. Con Vue 3 y Vue I18n vas a poder tener aplicaciones web internacionales. ...
En este post te voy a enseñar a agregar Tailwind CSS a un proyecto de Vue 3. Básicamente es seguir la guía oficial, pero con unos pasos extra desde mi experiencia. ...
Al usar el Vue Router con Vue 3 podemos especificar el tipo de historial que las rutas siguen. Por defecto, se usa el modo de historial de HTML 5 con createWebHistory pero también se puede seguir usando el hash, hashtag, numeral, gato o como le llames para tener una SPA con Vue 3. ...
Siguiendo con mi racha de creación de instaladores o asistentes de instalación, hoy le tocó a mi sistema gratuito para estacionamiento o mi sistema gratis para parqueadero. Como ya lo hice con mi sistema para restaurantes y después en mi sistema de ventas, ahora le toca a este sistema para estacionamientos. En este post te mostraré cómo descargar el instalador del software gratuito para estacionamiento de modo que ya no tengas que configurarlo manualmente al menos en el caso de Windows. ...
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. ...
Hoy se une a la lista de mis programas gratuitos un software para gestionar restaurantes. Este programa te permitirá registrar las mesas, métodos de pago, platillos (con fotos), modificar la moneda, el idioma, generar el menú imprimible, ver la comanda e incluso permitirá que los clientes se atiendan solos. Además, el sistema gratis para restaurantes que he creado es compatible con Android (termux), Windows, Linux y Raspberry Pi. De hecho es compatible con cualquier plataforma donde C y Go puedan compilar; incluso en un servidor de internet. A lo largo de este post te enseñaré todas las características de este programa que, hasta el momento, es el más grande que he creado y no por su complejidad sino por todo lo nuevo que tiene como el instalador, el apartado multiidioma (con elección de locale y moneda), personalización del ticket, logotipo y escritorio. ...
En el post de hoy te voy a mostrar un generador de exámenes o pruebas para imprimir. No solo te permitirá crear exámenes e imprimir uno por cada alumno o estudiante, también podrás: Agregar y modificar las preguntas, marcando la respuesta correcta Ver la vista previa de impresión Imprimir exámenes Calificar examen generado ingresando solo las respuestas Imprimir la hoja de respuestas Imprimir clave del examen según respuestas correctas Generar hojas de respuesta calificadas Mostrar e imprimir portadas calificadas Generar resultados y gráficas Básicamente podrás generar exámenes, imprimir cada uno por cada alumno, registrar las calificaciones de manera rápida gracias a la hoja de respuestas generada automáticamente y luego dejar que el programa calcule las calificaciones. Por cierto, el programa que te mostraré es totalmente gratis y tiene más cosas como el registro de asistencias y tareas que ya mostré en un post anterior: https://parzibyte.me/blog/posts/software-control-asistencia-tareas-escolares-gratuito/ Veamos cómo usarlo. ...
En este post te mostraré una aplicación web y PWA que acabo de crear. Se trata de una app para llevar el control de la crianza de conejos. Básicamente es una app para cunicultura. Esta app web que puede ser usada como app móvil sirve básicamente para llevar el registro de los conejos y tener un control sobre su edad, género, información de sacrificio, reproducción, ventas, etcétera. También vamos a poder llevar los registros de reproducción de los conejos, tomando en cuenta la cantidad de días para el parto y muchas cosas más. A lo largo del artículo te enseñaré todos los módulos del programa, la parte técnica, cómo descargar el código fuente y cómo probar la app web. ...
Hoy voy a enseñarte una app móvil y web que sirve para llevar el registro de las deudas y gastos compartidos entre cierto grupo de personas. En esta app puedes registrar las deudas que tienes, y las otras personas pueden registrar lo que tú le debes a ellas. Además, las deudas o gastos pueden ser de persona a persona o compartidas entre todos. A lo largo de este post te mostraré las características de la app, los módulos que tiene y cómo funciona. Desde ahora te cuento que esta es una PWA y puede ser usada en móviles o en computadoras como si fuera nativa. Entre sus características encontramos: Sincronización de datos en tiempo real Trabajo sin conexión (los datos se suben cuando la conexión regresa) PWA que puede ser usada como nativa o en el navegador web Manejo de usuarios Control de deudas con opción para repartir los gastos y liquidar las deudas Filtros para acreedores y deudores Totalmente gratuita y open source, puede ser usada como un proyecto de estudiante Tú puedes tener tu propia versión, solo debes configurar el SDK de Firebase y comenzar a usar la app Por cierto, la he hecho usando Firebase con Firestore Database y Vue con Buefy. ...