Vuetify CRUD Front-End Application

Job ID: 37260792

Budget: $30 – $250 USD

Busco alguien que pueda apoyarme a desarrollar una sencilla aplicacion Front-End CRUD para integrar con un Back-End en Node-RED utilizando comunicacion con librerias Socket.io y Axios, y manejo de estados con Pinia.

La aplicacion es una SPA para un cliente Web para un sistema de marcado laser, y debe tener un diseño general de tipo Admin Template para Web App, con Barra de Navegacion (con Logo y Title), un Footer sencillo y el main Wrapper debe tener 2 columnas con un card y un datatable en cada una.

Es basicamente un data table que permita insertar nuevos renglones, modificar el orden de los renglones (hacer uso del componente Vue.Dragabble para drag-&-drop y tambien que sean sorteables), editar la informacion de algunas celdas y borrar renglones. Todo esto con botones de accion de iconos, con sus respectivos tooltip y debe haber un checkbox para cada renglon y uno a nivel tabla para realizar estas operaciones. Ademas agregar un recuadro para previsualizar una imagen a marcar del directorio static o public.

Integrar una funcion para comparar renglones que sean diferentes en un campo, y hacer un highlight de estos.

En resumen:
- Aplicacion Vue3 + Vuetify3
- Diseño: Admin Template
- Vistas: 5 + Loading View
- Sintaxis: Script Setup, Composition API
- Librerias:
* Vue
* Vuetify
* Vue-Router (si se requiera)
* Pinia
* Socket.io
* Axios
* Vue.Dragabble
- Peticiones HTTP CRUD:
* CREATE: POST
* READ: GET
* UPDATE: PUT
* DELETE: DELETE
- Estructuracion y documentacion de carpetas en Markdown
Related categories: JavaScript HTML Vue.js HTTP Web Application