Leo Montes

BootstrapcssHtmlIAJavascript VanillajqueryPHP

Descripción

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.

 

Rol:

Fullstack Developer

Tecnologias:

BootstrapcssHtmlIAJavascript VanillajqueryPHP

Rol:

Fullstack Developer

Tecnologias:

BootstrapcssHtmlIAJavascript VanillajqueryPHP