App.tsx Web App
▸ src/components/ (UI)
▸ src/hooks/ (logic)
▸ src/services/ (API)
▸ src/store/ (state)
React Web3 Test
React TypeScript Web3 ethers.js MetaMask Alchemy SDK PrimeReact Zustand Vitest Cypress
Challenge técnico de frontend Web3 orientado a construir una DApp con enfoque real de producto usando React 18, TypeScript y ethers.js. Implementa conexión de wallet con MetaMask, interacción con múltiples testnets, valoración de portafolio por token, historial de transacciones, envíos con estimación/validación de gas y manejo de eventos de smart contracts. Además, integra Alchemy SDK + precios desde CoinGecko, usa Zustand para manejo de estado e incluye pipelines de calidad con Vitest, Cypress/Synpress E2E, Docker y automatización CI/CD.