Fui contactado para recuperar y optimizar un sitio web del diseñador LeoMontes, el cual presentaba múltiples fallas: páginas rotas como el formulario de contacto y la sección de proyectos, y un panel de administración fuera de servicio. El proyecto fue abordado en varias etapas:
🔍 Diagnóstico y planificación
-
Se realizó una auditoría del código fuente, identificando el uso de PHP con funciones obsoletas y un desorden estructural importante en HTML, CSS y JavaScript.
-
El sitio presentaba una arquitectura inusual: el archivo
index.php
no estaba en la raíz, sino en una carpeta secundaria (/2016
), configurado mediante.htaccess
. -
Se propuso actualizar funciones, librerías, y depurar el código respetando buenas prácticas.
📦 Backup y entorno de trabajo
-
Se hizo backup completo (código, base de datos e imágenes) accediendo vía FTP y se entregó al cliente vía Google Drive.
-
Se configuró un entorno local en XAMPP para trabajar con PHP y MySQL de forma segura.
🧹 Refactorización y limpieza
-
Reestructuré el proyecto moviendo el
index.php
a la raíz del sitio. -
Eliminé archivos innecesarios, código duplicado y recursos no utilizados.
-
Actualicé la versión de Bootstrap y reorganicé estilos y estructura visual del frontend, aplicando buenas prácticas en diseño responsive.
🔧 Reparación y mejora del panel de administración
-
Se restauró completamente el panel de administración, permitiendo:
-
Alternar entre modo slider y gridstack.
-
Editar imágenes, títulos y descripciones en ambos modos.
-
Visualizar el orden de los slides con indicadores numéricos para mayor claridad.
-
-
Se corrigió la funcionalidad de creación de nuevos proyectos, validando campos obligatorios.
-
En la sección de visualización de proyectos (View All), se corrigió la lógica para mostrar correctamente todos los proyectos ordenados por fecha o posición
x/y
en gridstack. -
Añadí botones para restablecer posiciones y tamaños predeterminados, facilitando al usuario la edición masiva de layouts.
🌐 Mejoras en el sitio público
-
Implementé scroll infinito en la sección de proyectos para optimizar carga y experiencia de usuario.
🔐 Seguridad y autenticación
-
Se incorporó funcionalidad para cambiar contraseña desde el panel, ingresando la actual.
-
Se añadió opción de recuperación de contraseña mediante email con token temporal (expira a los 30 minutos).
-
También se agregó un botón de logout para cerrar sesión de forma segura.
🤖 Uso de herramientas modernas
-
Me apoyé en herramientas de Inteligencia Artificial para acelerar procesos y asegurar calidad en la refactorización, siempre bajo una estricta supervisaciòn.
-
Este proyecto me permitió profundizar en PHP y MySQL, optimizando el rendimiento y mejorando la mantenibilidad del sistema.