Proyecto propio
1 / 3
Problema, solución y resultado.
El problema
Vender cuentas y suscripciones compartidas de streaming requiere mostrar muchas plataformas distintas, cada una con varios planes y precios, además de coordinar manualmente el pago y la entrega con cada cliente por separado.
La solución
Un catálogo dinámico con 14 plataformas (Netflix, Spotify, Disney+, MAX, Prime Video, YouTube Premium, Apple TV+, Paramount+, Vix, Roku, Crunchyroll, Zapping, Movistar TV y Viki), cargado desde archivos JSON para poder actualizar precios sin tocar el código. El cliente elige plataforma y plan, ingresa sus datos, ve el resumen de compra y los datos de transferencia, y al confirmar se genera automáticamente un mensaje de WhatsApp con todo el detalle listo para enviar.
El resultado
- En uso activo para la venta real de cuentas de streaming
- Catálogo de 14 plataformas más sistema de promociones con combos
- Flujo de compra de principio a fin sin intervención manual hasta el paso de WhatsApp
- Sistema de comentarios con backend propio en PHP y MySQL
Qué demuestra
- Integración de un flujo de compra completo de varios pasos en un modal
- Consumo de datos dinámicos desde JSON para mantener el catálogo editable
- Backend en PHP con MySQL para comentarios persistentes
- Uso de Tailwind CSS para una interfaz responsiva
Qué hace cada módulo.
Catálogo de plataformas
Grilla de 14 servicios de streaming y música, cada uno con sus planes y precios cargados desde planes.json.
Sistema de promociones
Combos de varias plataformas agrupadas como packs con precio especial, cargados desde promos.json.
Flujo de compra
Modal de varios pasos: selección de plan, datos del cliente, resumen, datos de transferencia y confirmación por WhatsApp.
Comentarios de clientes
Guarda y muestra comentarios reales usando una base de datos MySQL, a través de un backend en PHP.
Contador de visitas
Registra cada visita en la base de datos y cuenta el total de visitas únicas por IP.
Cómo se construyó.
Estructura del catálogo
Se definieron las plataformas y sus planes en archivos JSON separados, para poder actualizar precios y agregar servicios sin modificar el HTML o JavaScript.
Flujo de compra paso a paso
Se diseñó el modal de compra como una secuencia de pantallas: selección de plan, datos del cliente, resumen y confirmación, terminando en un mensaje pre-armado hacia WhatsApp.
Backend con PHP y MySQL
Se implementó conexión a base de datos para los comentarios de clientes y el conteo de visitas, usando sentencias preparadas para evitar inyección SQL en el guardado de comentarios.
Tecnologías usadas.
Mejoras futuras planeadas.
Mostrar el conteo real de visitas
Actualmente la página muestra un número simulado en vez del conteo real que ya existe en la base de datos.
Panel de administración
Editor visual para actualizar plataformas, planes y precios sin tocar los archivos JSON directamente.
Pago integrado
Reemplazar la confirmación manual por WhatsApp con una pasarela de pago real.
Reemplazar testimonios de ejemplo
Mostrar comentarios reales de clientes desde la base de datos en vez del listado fijo actual.
¿Quieres ver más detalles de este proyecto?
Puedo ampliar cada caso con documentación, capturas adicionales, repositorio, decisiones técnicas y mejoras futuras. Escríbeme y conversamos.