Primeros pasos
La tienda en línea de Ecomplify es una tienda moderna, rápida y optimizada para SEO con la que interactúan sus clientes. Desarrollada con React Router 7 y desplegada mediante Docker.
Descripción general
La tienda en línea ofrece una experiencia de compra completa:
- Navegación y búsqueda de productos
- Carrito de compras y pago
- Cuentas de cliente y seguimiento de pedidos
- Lista de deseos y gestión de direcciones
- Soporte multilingüe y multimoneda
- Múltiples opciones de temas
Stack tecnológico
| Tecnología | Propósito |
|---|---|
| React Router 7 | Enrutamiento y renderizado del lado del servidor |
| TypeScript | Desarrollo con tipado seguro |
| Docker | Despliegue en contenedores |
| Cloudflare R2 | Almacenamiento de recursos estáticos |
Navegación de la tienda
El encabezado de la tienda incluye:
- Logotipo de la tienda - Enlace clicable a la página de inicio
- Menú de navegación - Inicio, Productos, Colecciones, Blogs, Contáctenos
- Selector de idioma - Cambie entre los idiomas disponibles
- Barra de búsqueda - Busque productos con autocompletado
- Icono de lista de deseos - Acceso rápido a los artículos guardados (con insignia de cantidad)
- Icono del carrito - Vea el carrito con el número de artículos
- Menú de usuario - Iniciar sesión/Registrarse o gestión de la cuenta
Páginas principales
Para todos los visitantes
- Página de inicio - Página de destino con banners, categorías y productos destacados
- Búsqueda de productos - Busque y explore productos
- Detalles del producto - Vea la información y reseñas del producto
- Colecciones - Explore colecciones de productos seleccionadas
- Blog - Lea las publicaciones del blog de la tienda
- Contacto - Envíe consultas
- Páginas de políticas - Políticas de privacidad, términos, devoluciones y reembolsos
Para clientes registrados
- Carrito de compras y pago - Complete sus compras
- Seguimiento de pedidos - Rastree el progreso de la entrega
- Mi cuenta - Gestione su perfil, direcciones y pedidos
- Lista de deseos - Guarde sus artículos favoritos
Autenticación
Los clientes pueden crear cuentas mediante:
- Correo electrónico/Contraseña - Registro estándar con verificación por correo (OTP)
- Inicio de sesión con Google - Acceso con un clic mediante Google OAuth
Los beneficios de la cuenta incluyen historial de pedidos, direcciones guardadas, listas de deseos y un pago más rápido.
Temas
La tienda en línea admite múltiples diseños de temas que se pueden cambiar desde el Dashboard. Cada tema ofrece un diseño visual diferente manteniendo toda la funcionalidad.
Multilingüe y multimoneda
La tienda en línea admite:
- Múltiples idiomas configurados desde el Dashboard
- Cambio de moneda según la ubicación del cliente
- Cálculo de impuestos específico por región