Sistema de pagos P2P estilo Nequi construido con Vue.js 3 y Relay Gateway.
PasaPay es un ejemplo funcional que demuestra cómo construir un sistema de pagos peer-to-peer (P2P) en tiempo real, similar a aplicaciones como Nequi o Venmo. Este ejemplo muestra:
- 💸 Transferencias P2P - Envío y recepción de pagos entre usuarios
- ⚡ Actualización en tiempo real - Los saldos y transacciones se sincronizan instantáneamente
- 🔔 Notificaciones - Alertas cuando recibes un pago o se completa una transacción
- 📊 Historial de transacciones - Registro completo de movimientos
Este ejemplo pertenece a la colección de ejemplos de Relay Gateway, un gateway de comunicación en tiempo real diseñado para ser inmutable y agnóstico.
- Node.js 18+ o Docker
- Relay Gateway ejecutándose (ver documentación de Relay)
# Clonar el repositorio
git clone https://github.com/Coderic/pagos.git
cd pagos
# Instalar dependencias
npm installAsegúrate de tener Relay Gateway ejecutándose. Puedes usar el endpoint público para pruebas:
// En tu código, el conector se conecta a:
const relay = new RelayConector('http://demo.relay.coderic.net');O ejecuta Relay localmente:
# Opción 1: Con npx (recomendado para pruebas)
npx @coderic/relay
# Opción 2: Con Docker Compose
docker compose up -d# Iniciar servidor de desarrollo
npm run devAbre tu navegador en http://localhost:5173 (o el puerto que Vite asigne).
# Construir para producción
npm run build
# Los archivos estarán en la carpeta dist/- Abrir múltiples pestañas para simular diferentes usuarios
- Identificarse con un nombre de usuario único
- Enviar pagos a otros usuarios conectados
- Observar cómo los saldos se actualizan en tiempo real en todas las pestañas
- Vue.js 3 - Framework JavaScript progresivo
- Vite - Build tool y dev server
- Relay Gateway - Gateway de comunicación en tiempo real
- Socket.io - Comunicación WebSocket
MIT