Configuración del Frontend

Building Your Frontend

Introducción

En esta lección, crearemos la parte del frontend para nuestra dApp utilizando React, Next.js, ethers.js, Rainbowkit, Web3.Storage y The Graph. Nuestra aplicación funcionará con Coinbase Wallet u otras billeteras como MetaMask, Rainbow y WalletConnect. Los usuarios podrán conectar su billetera e interactuar con nuestro smart contract para que puedan crear nuevos eventos, confirmar su asistencia a eventos y confirmar el número de asistentes.

Configuración

Para comenzar, pueden hacer un fork y clonar nuestro repositorio de inicio, que tiene algunos recursos de diseño para que nuestra aplicación se vea un poco mejor:

Puede dirigirte al repositorio dando click aquí y luego presione el botón de "fork". Listo, tendrá preparada su propia versión del proyecto. Necesitará tener el código en su máquina. Para ello, dele click al botón de "clonar" y copie el link que aparece ahí.

En su terminal, en el folder debido (Desktop/Escritorio), escriba: git clone https://github.com/... (pegue el link copiado anteriormente).

Asegúrese de que todas las dependencias estén instaladas ejecutando npm install o yarn. Puede iniciar el servidor de desarrollo ejecutando npm run dev o yarn run dev.

Ahora el código ya se encuentra en su computador! Abra el folder en VS Code.

Si desea cambiar alguno de los diseños o imágenes utilizados, ¡adelante! Este proyecto es 100% suyo para personalizarlo como desee.

Escritoras: Avni Agrawal, Editoras: Sarah Schwartz, Traductoras: Dami, Brenda, Caro Meneses