kaloni.gr — E-Commerce de Calzado Bilingüe en Laravel
8 semanas
|
Desarrollador Full-Stack y Diseñador
Diseñamos y desarrollamos kaloni.gr, una tienda e-commerce Laravel 12 bilingüe (griego/inglés) para una marca de calzado femenino con sede en Serres. La tienda admite variantes de producto (talla + color), galerías filtradas por color, lista de deseos (sesión para invitados, BD para usuarios autenticados con fusión al iniciar sesión), productos vistos recientemente, búsqueda con autocompletado y detección de zona de envío en tiempo real. Los pagos utilizan una abstracción agnóstica de pasarela (PaymentGatewayInterface con resultados respaldados por DTO) que soporta Stripe 3DS, Cardlink hosted-redirect con verificación HMAC-SHA256 digest, transferencia bancaria, contra reembolso y pago al recoger. El panel de administración cubre productos/variantes/categorías, cupones, zonas de envío, ciclo de vida del pedido y transiciones de estado de pago, moderación de reseñas, suscripciones de boletín y de vuelta a stock, gestión de clientes con autoeliminación RGPD (anonimización vs eliminación dura) y registro de actividad. El contenido bilingüe usa tablas *_translations dedicadas con una cadena inteligente de respaldo de localización (prefijo URL → sesión → preferencia del usuario → config), que alimenta URLs SEO-friendly /el/ y /en/ con alternates hreflang y JSON-LD de Organization/WebSite en cada página. Las imágenes se sirven mediante Intervention Image v3 con srcsets <picture> responsivos y hermanos WebP; los scripts inline cumplen CSP mediante nonces de Vite; el seguimiento e-commerce GA4 (view_item, add_to_cart, purchase) está condicionado al consentimiento de cookies. La lógica de negocio está aislada en 23 clases de servicio para una base lista para API.
Tecnologías
Laravel 12
PHP 8.3
Alpine.js
Custom CSS (BEM)
MySQL
Intervention Image v3
Stripe (3DS)
Cardlink
Laravel Breeze + Google OAuth
Multilingual (el/en)
JSON-LD / SEO
Responsive Design
GA4 E-commerce
Vite
Retos
Construir un sistema de pagos multi-pasarela que soporte limpiamente tanto flujos síncronos (efectivo, transferencia bancaria) como asíncronos con redirección (Stripe 3DS, Cardlink HMAC), manteniendo a la vez simple el modelo de contenido bilingüe y rápido el catálogo en cientos de variantes de producto.
Soluciones
Diseñamos una PaymentGatewayInterface con resultados respaldados por DTO para que cada pasarela encaje detrás de la misma API; usamos tablas *_translations dedicadas con una cadena de respaldo (prefijo URL → sesión → preferencia del usuario → config) para que la traducción viva en un solo lugar por entidad; cacheamos hermanos WebP responsivos mediante Intervention Image v3 y los servimos a través de etiquetas <picture> srcset con dimensiones explícitas para prevenir CLS.