Mostrando entradas con la etiqueta Vuetify. Mostrar todas las entradas
Mostrando entradas con la etiqueta Vuetify. Mostrar todas las entradas

jueves, 5 de diciembre de 2024

[NodeJS + VueJS] Registro de series 1.0

En este proyecto se hizo un sistema para registrar series y todos los datos necesarios para poder organizarlas, esta hecho en NodeJS con Sequelize y VueJS con Vuetify. Permite usar como base de datos MySQL y PostgreSQL.

Las funciones incorporadas son :

Inicio de sesión obligatorio para usar el sistema protegido con JWT.

Rutas protegidas para poder acceder al dashboard.

Posibilidad de cambiar usuario y contraseña.

Posibilidad de cambiar el theme completo del sistema a un modo oscuro o claro.

Se pueden agregar, editar y borrar géneros. En esta misma sección se usa Pinia para poder filtrar por nombre en el buscador y poder recordar el filtro al cambiar de página.

Se pueden agregar, editar y borrar series. En esta misma sección se usa Pinia para poder filtrar por nombre, géneros y estados.

A continuación se muestran unas imágenes del sistema en funcionamiento.








Para la correcta instalación del sistema se deben seguir los siguiente pasos.

Desde la carpeta "backend", se debe renombrar el archivo .env.example a solo .env y editar la configuración con los datos de tu conexión a la base de datos. En el caso de la variable "DB_CONNECTION" se puede elegir entre "mysql" y "postgres" dependiendo de que motor se desee usar.

Una vez editado el archivo .env se deben ejecutar los siguiente comandos :

npm install

sequelize db:migrate

sequelize db:seed:all


Finalmente para iniciar el servidor se debe ejecutar este comando :

npm run start

Desde la carpeta "frontend", se debe renombrar el archivo .env.example a solo .env y editar las variables con el nombre de "VITE_API_URL" y "VITE_API_URL_IMAGES" por la URL correspondiente a su backend.

Una vez editado el archivo .env se deben ejecutar los siguiente comandos :

npm install

Finalmente para iniciar el servidor se debe ejecutar este comando :

npm run dev

 Github

 

domingo, 19 de mayo de 2024

Fenix Launcher 1.0

Es un proyecto hecho en Net Core 6, VueJS con Vuetify y MySQL, sirve para ejecutar procesos con tareas mediante comandos del sistema.

Los procesos y tareas se pueden registrar cómodamente mediante un CRUD para ambos casos. Una vez ejecutado los procesos los PID de cada uno son guardados en la base de datos para poder cerrar en cualquier momento.

El sistema usa un usuario y contraseña para proteger la aplicación, las rutas están protegidas mediante la validación de un JWT que se guarda en la sesión del usuario, también en el apartado del perfil se pueden cambiar los datos por defecto que son "supervisor" para el usuario y la contraseña.

Unas imágenes : 










Github


domingo, 10 de marzo de 2024

Registro de películas y series

Es un proyecto para organizar películas y series de forma organizada, esta hecho en Net Core 6, VueJS con Vuetify y MySQL. El sistema incluye un usuario y clave para proteger los datos usando JWT Token, el usuario y clave por defecto es "supervisor". Se pueden agregar, editar y borrar registros y filtrarlos por "finalizados" o "sin terminar" en un buscador. Además el usuario y clave por defecto se puede cambiar cuando se necesite.

Unas imágenes de ejemplo : 








Github

[Python] Quiet Stream

Aplicación TUI (Terminal User Interface) para gestionar y reproducir streams de audio y videos, construida con Textual, SQLModel, SQLite, py...