Una plataforma de comercio electrónico para comercializar servicios y productos gráficos personalizados, como diseño de logotipos, camisetas, cuadernos y termos. El objetivo era recrear el recorrido completo de un cliente en una tienda real: descubrir la oferta, crear una cuenta, explorar el catálogo, armar su pedido y gestionar sus datos. El frontend se construyó con HTML, CSS, JavaScript y jQuery, y el backend con PHP conectado a una base de datos MySQL que se ejecuta en local con XAMPP. Proyecto desarrollado en el programa Computer Programmer de Lambton College, en Ontario (Canadá), bajo estándares profesionales de desarrollo.
// QUÉ SE CONSTRUYÓ
02
Funcionalidades
Registro e inicio de sesión con correo o apodo
Oferta emergente con cuenta regresiva en la página de inicio
Catálogo filtrable con buscador: servicios, productos, camisetas y cuadernos
Carrito con contador y total en tiempo real
Perfil de usuario editable, guardado en la base de datos
03
Backend y base de datos
PHP conectado a MySQL (MariaDB) en XAMPP
Tabla de usuarios con correo y apodo únicos
Validación en el navegador con jQuery y en el servidor con PHP
Tienda y perfil protegidos: solo con sesión iniciada
04
Actualización de seguridad (2026)
Contraseñas cifradas con password_hash
Sentencias preparadas contra la inyección SQL
Salidas escapadas contra XSS y regeneración de la sesión
Pruebas de punta a punta: registro, inicio de sesión, carrito, perfil y cierre de sesión
// RECORRIDO DEL USUARIO
Una experiencia de compra de principio a fin
Cada etapa del recorrido se diseñó para que el usuario avance sin fricción, desde el primer contacto con la marca hasta la gestión de su cuenta.
01
Descubrir
Página de inicio con un banner que se adapta al hacer scroll y una oferta emergente con cuenta regresiva que incentiva la compra.
02
Registrarse
Registro e inicio de sesión con correo o apodo, con validación en el navegador y en el servidor para proteger la calidad de los datos.
03
Comprar
Catálogo filtrable por categoría, buscador, detalle de cada producto y carrito con contador y total en tiempo real.
04
Gestionar la cuenta
Perfil editable que guarda los cambios en la base de datos y cierre de sesión seguro.
// RETOS Y SOLUCIONES
Mantener la sesión del usuario
Las sesiones de PHP conservan la identidad del usuario desde el inicio de sesión hasta la tienda y su perfil, y las páginas privadas verifican esa sesión antes de mostrarse.
Revisar y mejorar el propio código
Al publicar el proyecto revisé la versión de 2023: las contraseñas se guardaban en texto plano y las consultas se construían de forma manual. Las reemplacé por password_hash y sentencias preparadas, y verifiqué que un intento de inyección SQL ya no tiene efecto.
Actualizar solo lo que cambia
El formulario de perfil construye la actualización únicamente con los campos que el usuario completó, para no sobrescribir el resto de su información.
// GALERÍA
El proyecto en imágenes
01 / 07
Toca una imagen para verla en pantalla completa.
MISIÓN CUMPLIDA
Resultados e impacto
Recorrido de compra completo: registro, inicio de sesión, catálogo, carrito y perfil
Base de datos MySQL integrada con PHP y protegida con buenas prácticas de seguridad
Código publicado en GitHub con instrucciones de instalación y un usuario de prueba
Próximo paso: catálogo y pedidos en la base de datos y una pasarela de pagos real
¿Quieres vender tus productos en línea?
Desarrollo tiendas a la medida de tu negocio, seguras y fáciles de administrar, para que empieces a vender cuanto antes.