Skip to content

Navigation Menu

Sign in
Appearance settings

Search code, repositories, users, issues, pull requests...

Provide feedback

We read every piece of feedback, and take your input very seriously.

Saved searches

Use saved searches to filter your results more quickly

Appearance settings
/ pagos Public template

Ejemplo de pagos P2P estilo Nequi con Pasarela Gateway

Notifications You must be signed in to change notification settings

Coderic/pagos

Open more actions menu

💳 PasaPay - Pagos P2P en Tiempo Real

Sistema de pagos P2P estilo Nequi construido con Vue.js 3 y Relay Gateway.

Vue Vite Relay

📖 Sobre este Ejemplo

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.

🚀 Inicio Rápido

Prerrequisitos

Instalación

# Clonar el repositorio
git clone https://github.com/Coderic/pagos.git
cd pagos

# Instalar dependencias
npm install

Configuración

Asegú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

Desarrollo

# Iniciar servidor de desarrollo
npm run dev

Abre tu navegador en http://localhost:5173 (o el puerto que Vite asigne).

Producción

# Construir para producción
npm run build

# Los archivos estarán en la carpeta dist/

🎯 Uso

  1. Abrir múltiples pestañas para simular diferentes usuarios
  2. Identificarse con un nombre de usuario único
  3. Enviar pagos a otros usuarios conectados
  4. Observar cómo los saldos se actualizan en tiempo real en todas las pestañas

🔗 Enlaces

🛠️ Tecnologí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

📝 Licencia

MIT

About

Ejemplo de pagos P2P estilo Nequi con Pasarela Gateway

Resources

Code of conduct

Contributing

Security policy

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors

Morty Proxy This is a proxified and sanitized view of the page, visit original site.