El frontend de Attelyx PerpDEX es la interfaz web que permite a los traders interactuar con el exchange descentralizado de derivados perpetuos. Construida con las últimas tecnologías Web3, ofrece una experiencia de trading profesional en múltiples blockchains.
Características de la Interfaz
- Interfaz moderna: Desarrollada con Next.js 15, React 19 y Tailwind CSS.
- Integración Web3: RainbowKit y Wagmi para conexión de carteras de forma sencilla.
- Soporte multicadena: Compatible con BSC y Attelyx Datachain.
- Trading en tiempo real: Feeds de precios en directo y actualizaciones de posiciones.
- Analíticas: Historial de trading y métricas de rendimiento.
- Diseño responsive: Optimizado para todos los dispositivos.
Módulos Principales
- Interfaz de trading: Apertura y cierre de posiciones, gestión de colateral.
- Portfolio: Gestión de posiciones y seguimiento de PnL.
- Analíticas: Datos históricos comprimidos delta desde Attelyx Chain.
- Bridge UI: Transferencias de activos entre cadenas.
Stack Técnico
- Next.js 15 con App Router y TypeScript
- Tailwind CSS para estilos
- RainbowKit para conexión de carteras
- Wagmi/Viem para interacciones blockchain
- Recharts para gráficos de trading
Instalación
npm install
npm run dev
# Abre http://localhost:3000