Nivo
Desodorante
Tienda online de desodorante spray de origen natural. SPA completamente hecha en React con API PHP propia, pasarela de pagos Wompi y panel de administración integrado.
¿Qué es Nivo Desodorante?
Nivo es una marca colombiana de desodorante spray de origen natural. Sin parabenos, sin disruptores hormonales, hecho en Colombia y con envío a nivel nacional. Disponible en 60 ml, 120 ml y combos (Pack x3, Kit Viajero).
Una Single Page Application (SPA) de e-commerce completa: catálogo de productos, carrito de compras, checkout con datos de envío, pasarela de pagos integrada (Wompi) y panel de administración propio para gestionar pedidos e inventario.
Frontend React 18 completamente desacoplado de un backend PHP que actúa como API REST. Base de datos MySQL con integración DIVIPOLA para cobertura geográfica completa de Colombia en el formulario de envíos.
El sitio en acción
Línea de productos
SKU: NIVO-120 · Stock: 100
SKU: NIVO-60 · Stock: 100
SKU: NIVO-PACK3 · Stock: 50
SKU: NIVO-COMBO · 120ml + 60ml · Stock: 49
E-commerce completo y propio
Sin plataformas de terceros: todo el flujo de compra, gestión de pedidos e inventario desarrollado a medida.
Landing Page Premium
Hero animado con Framer Motion, ticker scrolling de características ("Sin parabenos · Hecho en Colombia · Sin disruptores hormonales"), sección origen, modo de uso y galería de productos.
Carrito de Compras
Carrito lateral tipo drawer con gestión de cantidades, subtotal en tiempo real y persistencia durante la sesión. Diseño elegante coherente con la marca.
Checkout con Wompi
Formulario de checkout con datos de envío, selección de departamento y ciudad vía DIVIPOLA Colombia, resumen del pedido y botón "Pagar Pedido" con integración directa a Wompi (pasarela colombiana).
Cobertura Nacional (DIVIPOLA)
Integración del sistema DIVIPOLA con todos los departamentos y municipios de Colombia. Selección dependiente en cascada: al elegir departamento, se filtran automáticamente las ciudades disponibles.
Panel de Administración
Dashboard propio con autenticación de administrador. Módulo de Productos: inventario con imagen, SKU, precio de venta, costo y stock. Módulo de Pedidos: gestión de órdenes recibidas.
API PHP Custom
Backend RESTful propio en PHP. Módulos: autenticación JWT, gestión de productos (CRUD), manejo de pedidos, webhooks de Wompi para confirmación de pagos y actualización de stock automática.
WhatsApp Integrado
Botón flotante de WhatsApp en todas las vistas para contacto directo con la marca. Canal oficial de soporte y consultas integrado en la experiencia de compra.
Animaciones con Framer Motion
Transiciones de página fluidas, animaciones de entrada de elementos, ticker de características animado y micro-interacciones en productos y botones CTA.
Tecnologías
del proyecto
Frontend React 18 totalmente desacoplado de un backend PHP hecho desde cero. Sin librerías de e-commerce de terceros — todo el flujo: carrito, checkout, pagos y administración es código propio.
Estado de Desarrollo
Proyecto de e-commerce desarrollado específicamente para la marca Nivo. El stack y la arquitectura personalizada permiten control total sobre el flujo de compra sin comisiones de plataformas externas.