Evaluating bids

Finalizar dos plugins Wordpress usando panel React

Published on the May 24, 2023 in IT & Programming

About this project

Open

Se necesita finalizar dos plugins que están bastante avanzados. El desarrollo está principalmente en React/laravel y conectan mediante API a Wordpress.

Plugin Optimizador de Imágenes

Por hacer:

Desarrollo de una pantalla en el panel de React que obtenga un listado de imágenes a través de una API que se proporciona. Estas imágenes vendrán con ciertos datos a mostrar.
Se debe poder modificar los tags de la imágen y al guardarse se debe realizar una petición nuevamente a una API con dicha data actualizada.
Se debe crear una api que reciba una url de una imágen y,  basándose en los parámetros guardados en la pantalla que hablamos anteriormente, optimice la imágen perdiendo la menor calidad posible, cambie formato y varias opciones más y luego retorne dicha imágen.


PLUGIN  Importador/Exportador

Creación de un módulo de importación/exportación de data, la idea es permitir a los usuarios subir distintos formatos (Desde una api, un csv, un texto, etc) y mapear esa información a otro formato para que sirvan en otro sistema.
Actualmente se tiene el sistema funcionando como un plugin de Wordpress (PHP), pero se debe planificar la mejor manera de realizar la mayor cantidad lógica posible dentro de nuestro servidor (Teniendo en cuenta siempre la optimización de recursos) y no del lado del cliente (Pues dicha información luego se utilizará dentro del mismo sitio de wordpress). La idea principal es que los datos del mapping y la lógica de conversión estén en nuestro panel de React y luego se pase la información convertida al sitio del cliente de vuelta.

Se necesita asesoría del proyecto entero para recomendar mejoras en cuanto a estructura, optimización y seguridad.

PRESUPUESTO MÁXIMO:  1500€

Se deberá firmar un contrato de confidencialidad para la realización de este Proyecto.

Project overview

Plugin Optimizador de Imágenes Es un plugin que permitirá al usuario optimizar y convertir las imágenes de su sitio web. Para ello, el usuario tendrá a su disposición varias opciones para decidir lo que quiere realizar. Primero tendremos la optimización masiva, simplemente tomará todas las imágenes del sitio sin excepción, se optimizarán y se convertirán a un formato avanzado como lo es webp. El usuario también podrá ir a la galería de medios de Wordpress y seleccionar a mano cada imágen que quiera optimizar individualmente. Al comenzar la optimización de una imágen debemos permitir diferentes opciones: Queremos convertir a formato webp? Queremos comprimir su tamaño? ¿Qué porcentaje de compresión máximo usaremos? Queremos reemplazar todas las ocurrencias de esta imágen en nuestro sitio web? ¿Qué tipos de posts queremos cambiar? Siempre que realicemos una optimización debemos asegurarnos de guardar la imágen original en un sitio seguro, así como un link que nos permita relacionarlas. Con esto en mente, el usuario tendrá la opción de revertir una imágen optimizada a su imagen original tanto individualmente como por selección múltiple (O el sitio entero). La última opción que nos permite reemplazar las ocurrencias de la imágen en el sitio web debe analizar la base de datos, y basándonos en los posts marcados para reemplazar deberemos cambiar todas las etiquetas img que contengan dicha imágen por la imágen optimizada, así como tener un respaldo para volver a la imágen original en caso que sea necesario. Por lo tanto, es necesario contar con lo siguiente: Una pantalla de administración que nos muestre distintas tabs: La primera nos permitirá realizar la optimización de las imágenes en todo nuestro sitio web con un solo click (Mostrando además las opciones indicadas anteriormente) La segunda nos permitirá ver todas las imágenes que se han optimizado o convertido, así como permitiéndonos seleccionarlas para revertir cambios. Podremos también seleccionar cada imágen individualmente y cambiar atributos de la etiqueta como el alt, etc. Debemos poder saber la url donde está cada imagen subida, para así poder fácilmente desde un mismo sitio agregar fácilmente los alt texts. La tercera opción son opciones generales, desde el campo de la licencia, si queremos activar/desactivar la optimización automática, etc. Agregar un campo de opciones al abrir una imágen en WP media que permita realizar la optimización individual. Sistema de búsqueda/reemplazo y restauración de etiquetas de imágen dentro de posts ya creados. Por hacer: Desarrollo de una pantalla en el panel de React que obtenga un listado de imágenes a través de una API que se proporciona. Estas imágenes vendrán con ciertos datos a mostrar. Se debe poder modificar los tags de la imágen y al guardarse se debe realizar una petición nuevamente a una API con dicha data actualizada. Se debe crear una api que reciba una url de una imágen y, basándose en los parámetros guardados en la pantalla que hablamos anteriormente, optimice la imágen perdiendo la menor calidad posible, cambie formato y varias opciones más y luego retorne dicha imágen. PLUGIN Importador/Exportador Creación de un módulo de importación/exportación de data, la idea es permitir a los usuarios subir distintos formatos (Desde una api, un csv, un texto, etc) y mapear esa información a otro formato para que sirvan en otro sistema. Actualmente se tiene el sistema funcionando como un plugin de Wordpress (PHP), pero se debe planificar la mejor manera de realizar la mayor cantidad lógica posible dentro de nuestro servidor (Teniendo en cuenta siempre la optimización de recursos) y no del lado del cliente (Pues dicha información luego se utilizará dentro del mismo sitio de wordpress). La idea principal es que los datos del mapping y la lógica de conversión estén en nuestro panel de React y luego se pase la información convertida al sitio del cliente de vuelta. Se necesita asesoría del proyecto entero para recomendar mejoras en cuanto a estructura, optimización y seguridad. Se deberá firmar un contrato de confidencialidad para la realización de este Proyecto.

Category IT & Programming
Subcategory Web development
What is the scope of the project? Create a new custom site
Is this a project or a position? Project
I currently have I have specifications
Required availability As needed
Roles needed Developer

Delivery term: Not specified

Skills needed

Other projects posted by Octono.