Plataforma de comercio electrónico especializada en productos del mar, con más de 60 años de historia en General Pico, La Pampa. Desarrollada con React y MaterialUI, ofrece una experiencia de compra moderna y eficiente.

• Sistema de login/registro con validación
• Perfil de usuario personalizado
• Dashboard con estadísticas de compras
• Historial de pedidos y seguimiento
• Protección de rutas para usuarios autenticados

• Visualización en grid con diseño responsive
• Filtrado por nombre y código
• Opciones de compra por unidad o caja
• Precios diferenciados mayorista/minorista
• Imágenes y descripciones detalladas
• Categorización Premium/Clásico
• Efectos de hover y animaciones suaves

• Gestión completa de productos
• Cálculo automático de totales
• Proceso de checkout en 4 pasos:
  1. Revisión del carrito
  2. Datos de envío
  3. Método de pago
  4. Confirmación
• Múltiples métodos de pago implementados
• Validación de formularios
• Confirmación de pedido con feedback

• Navbar responsive con menú móvil
• Diseño 100% responsive (mobile-first approach)
• Sistema de grid adaptativo usando MaterialUI Grid
• Menú hamburguesa con animación suave
• Media queries optimizadas
• Tipografía fluida (clamp)
• Hero section con efecto parallax responsive
• Componentes flexibles y adaptables
• Animaciones optimizadas por dispositivo

• Mobile: 320px - 480px
• Tablet: 481px - 768px
• Laptop: 769px - 1024px
• Desktop: 1025px - 1200px
• Large Desktop: 1201px+

• Layout fluido con Grid y Flexbox
• Imágenes responsivas con srcset y sizes
• Tipografía fluida usando clamp()
• Stack navigation en móvil
• Side navigation en desktop
• Carrito adaptativo
• Cards redimensionables
• Tablas scrolleables en móvil
• Forms adaptables
• Botones y CTAs optimizados
• Touch targets adecuados (mínimo 44px)

• Lazy loading priorizado
• Imágenes WebP con fallbacks
• Reducción de JS en bundle móvil
• Touch gestures implementados
• Offline support
• App shell architecture
• Skeleton screens
• Pull-to-refresh

• Home con showcasing de productos
• Catálogo completo de productos
• Página "Nosotros" con historia desde 1961
• Contacto con formulario y mapa
• Perfil de usuario con tracking

• React 19
• MaterialUI v5
• React Router v6
• Context API (Auth y Cart)

• GSAP
• Framer Motion
• AOS
• Swiper
• Custom animations

• Lazy loading de componentes
• Code splitting
• Error boundaries
• Performance optimizations

• Styled Components con props responsive
• MaterialUI Theme personalizado
• CSS Grid y Flexbox
• CSS Variables
• Custom Media Queries
• Utility classes responsive
• Container queries donde aplica
• Aspect-ratio boxes
• Fluid spacing units

La aplicación ha sido optimizada para ofrecer la mejor experiencia de usuario posible. Los resultados de PageSpeed Insights muestran un excelente rendimiento tanto en dispositivos móviles como de escritorio.

• Performance: 98
• Accesibilidad: 96
• Mejores Prácticas: 95
• SEO: 100

• Performance: 99
• Accesibilidad: 96
• Mejores Prácticas: 95
• SEO: 100

• Lazy loading de imágenes
• Código dividido (code splitting)
• Compresión de assets
• Optimización de fuentes
• Caché efectivo
• Minificación de CSS/JS
• Imágenes optimizadas
• Server-side rendering
• PWA ready