Skip to content

馃 Wave Portal [UI] - Proyecto donde podr谩s ver y enviar un mensaje an贸nimo y ser recompensado con ETH. Para ello necesitas conectarte con Metamask a la testnet de Rinkeby y tener ETH para utilizar.

Notifications You must be signed in to change notification settings

BraianVaylet/buildspace-wave-portal-ui

Folders and files

NameName
Last commit message
Last commit date

Latest commit

History

23 Commits

Repository files navigation

馃 Wave Portal [UI]

El proyecto se encuentra deployado en Vercel para que puedan verlo e interactuar con 茅l, toda cr铆tica o comentario se agradece, pueden acceder a la demo en el siguiente link:

Este proyecto consume un smart-contract desarrollado en Solidity utilizando el framework HardHat, pueden encontrar el repositorio en el siguiente link:

Sobre el proyecto:

Proyecto web basado en la web3 desarrollado con Next.js y ChakraUI. En esta aplicaci贸n los usuarios podr谩n dejar un mensaje que ser谩 almacenado dentro de la blockchain, para esto es necesario primero autenticarse usando la wallet Metamask y configurandola para usar la red de prueba de Rinkeby.

Los usuarios podr谩n dejar por medio de un modal un mensaje que se almacenar谩 en la cadena de bloques, para esto es necesario pagar la transacci贸n usando ETH. Dado a que nos encontramos en la red de Rinkeby no estaremos usando ETH real, sino unos de prueba. Para cargarle saldo a tu wallet y asi tener ETH para usar en la red de Rinkeby pueden usar el siguiente enlace

Cuando un usuario deja un mensaje tiene un 50% de probabilidad de ganar una recompensa en ETH que ser谩 autom谩ticamente depositada en su wallet. La plataforma le avisar谩 si ha ganado la recompensa.

Este fue un proyecto con fin 100% acad茅mico mientras realizaba los cursos de la plataforma buildspace, la cual recomiendo a todo desarrollador que quiera comenzar a desarrollar para la web3.

Pueden probar la aplicaci贸n ingresando al siguiente link: Wave Portal 馃

La aplicaci贸n est谩 conect谩ndose a un smart-contract desarrollado con la tecnolog铆a Solidity, pueden revisar su repo aqu铆

Algunas capturas del proyecto:

screenshot#1

screenshot#2

screenshot#3


This is a Next.js project bootstrapped with create-next-app.

Getting Started

First, run the development server:

npm run dev
# or
yarn dev

Open http://localhost:3000 with your browser to see the result.

You can start editing the page by modifying pages/index.js. The page auto-updates as you edit the file.

API routes can be accessed on http://localhost:3000/api/hello. This endpoint can be edited in pages/api/hello.js.

The pages/api directory is mapped to /api/*. Files in this directory are treated as API routes instead of React pages.

Learn More

To learn more about Next.js, take a look at the following resources:

You can check out the Next.js GitHub repository - your feedback and contributions are welcome!

Deploy on Vercel

The easiest way to deploy your Next.js app is to use the Vercel Platform from the creators of Next.js.

Check out our Next.js deployment documentation for more details.

About

馃 Wave Portal [UI] - Proyecto donde podr谩s ver y enviar un mensaje an贸nimo y ser recompensado con ETH. Para ello necesitas conectarte con Metamask a la testnet de Rinkeby y tener ETH para utilizar.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published