🐲 Epic NFTs [UI] - Proyecto que te permitirá conectar tu billetera y acuñar un NFT, podrás revender el NFT en OpenSea. El NFT en sí se puede personalizar

Overview

🐲 Epic NFTs [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:

VER DEMO

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

REPO SMART-CONTRACT

Sobre el proyecto:

Proyecto web basado en la web3 desarrollado con Next.js y ChakraUI. En esta aplicación los usuarios podrán acuñar NFTs 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 mintear sus NFTs, 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 así tener ETH para usar en la red de Rinkeby pueden usar el siguiente enlace

Cuando un usuario acuña un NFT obtendrá una palabra generada de forma aleatoria por otras 3, un animal, una profesión y un adjetivo (solo por diversión). Podrán acceder a sus NFTs desde cualquier aplicación como los son OpenSea o Rarible y poder comercializarlos desde ahí. (recordar que estamos en un ambiente de pruebas, el de Rinkeby)

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: Epic NFTs

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.

You might also like...

Apenas uma página que exibe um countdown com a data em que Bolsonaro sai da presidência e tem seu sigilo de 100 anos quebrado

Apenas uma página que exibe um countdown com a data em que Bolsonaro sai da presidência e tem seu sigilo de 100 anos quebrado

Chá de revelação - Sigilo de 100 anos Descrição Apenas uma página que exibe um countdown com a data em que Bolsonaro sai da presidência e tem seu sigi

Nov 6, 2022

This Project is made with HTML5, CSS3, ReactJS, Axios, MetaMask, thirdweb, Rinkeby Test Network, Web 3.0 Technologies, and OpenSea API.

This Project is made with HTML5, CSS3, ReactJS, Axios, MetaMask, thirdweb, Rinkeby Test Network, Web 3.0 Technologies, and OpenSea API.

Abstract Collections This Project is made with HTML5, CSS3, ReactJS, Axios, MetaMask, thirdweb, Rinkeby Test Network, Web 3.0 Technologies, and OpenSe

Sep 29, 2022

Yet another library for generating NFT artwork, uploading NFT assets and metadata to IPFS, deploying NFT smart contracts, and minting NFT collections

eznft Yet another library for generating NFT artwork, uploading NFT assets and metadata to IPFS, deploying NFT smart contracts, and minting NFT collec

Sep 21, 2022

Chontaduro, Borojo, Sancocho de gallina y algo sustancia perico fueron usadas para crear el mejor proyecto de código en toda la historia de Colombia

Chontaduro, Borojo, Sancocho de gallina y algo sustancia perico fueron usadas para crear el mejor proyecto de código en toda la historia de Colombia

Chontaduro, Borojo, Sancocho de gallina y algo sustancia perico fueron usadas para crear el mejor proyecto de código en toda la historia de Colombia

May 11, 2022

Konbini Otaku, Web E-Commerce del proyecto Estación Otaku, desarrollada con Next.js y desplegada con Vercel

Konbini Otaku, Web E-Commerce del proyecto Estación Otaku, desarrollada con Next.js y desplegada con Vercel

Konbini Otaku 💬 🛒 ⛩️ 🎌 - Reto Final (parte 2) Este proyecto constó de proponer "Konbini Otaku", la cual es una tienda virtual en la que podrás adqu

Apr 28, 2022

Server Base - Proyecto ONG

Server Base - Proyecto ONG Envinroment setup Create database Copy .env.example to .env and fill with database credentials. To install dependencies, ru

May 3, 2022

Proyecto gratis, hecho en comunidad.

Adopcanem landing page Este es un proyecto gratuito hecho en comunidad, usando Next.js, React, ChakraUI y TypeScript. El prototipo se puede encontrar

Jul 10, 2022

Este repositorio contendrá el proyecto final de Angular con temática de Pokemon Unite

ProyectoFinal This project was generated with Angular CLI version 14.0.2. Development server Run ng serve for a dev server. Navigate to http://localho

Jun 19, 2022

Server Base - Proyecto ONG

Server Base - Proyecto ONG Envinroment setup Create database Copy .env.example to .env and fill with database credentials. To install dependencies, ru

Jun 18, 2022
Comments
  • Support for Pay to Mint?!

    Support for Pay to Mint?!

    Hi, i forked your project and was trying to implement it ( i was able to do it) , but i wanted to support pay to mint where users would have to pay to mint each nft, i tried to use a different contract ( that supports pay to mint) and adapted the code, bas was unsuccessfull, tried to use this https://www.youtube.com/watch?v=TlHYCrHlHwM&t=303s&ab_channel=net2dev , still was unsuccessfull... Can you help or add support to it?

    opened by Diogovski 0
Owner
Braian D. Vaylet
Web UI & Blockchain Developer
Braian D. Vaylet
Venho construindo uma aplicação com objetivo de estudo, um CRUD de gestão financeira que permitirá o usuário tanto acompanhar seus valores quanto ter um histórico.

WoBank Venho construindo uma aplicação com objetivo de estudo, um CRUD de gestão financeira que permitirá o usuário tanto acompanhar seus valores quan

null 7 Sep 14, 2022
La extensión web que muestra el precio de los juegos de la web de Xbox, PlayStation, Nintendo y Epic Games Store con los impuestos de Argentina incluidos. Conocé cuanto vas a pagar por tus juegos 💚💙❤️

Conocido anteriormente como Xboxito Impuestito - Conocé el precio real de los juegos Impuestito calcula y muestra el precio de los juegos de la web de

Luke ✨ 22 Nov 21, 2022
Olá, este repositório, é um mini-relatório do que eu aprendi através de cursos de JavaScript. Este repositório, muito provável que fique familiar com o que os professores ensinam .

About Project Olá pessoal, este repositório tem o objetivo de relatar meus aprendizados dos cursos que fiz sobre a linguagem JavaScript. Não só com o

Nior 6 Jul 10, 2022
open-sourced boilerplate NFT projects (Shopify, Opensea, Patreon, etc)

?? Quickly start any NFT projects A collection of boilerplates for full-stack dapps that showcase some of the use case for NFTs. Think of web3 native,

Alyssa 2 Jan 12, 2022
NFT Marketplace 2022 - OpenSea

NFT MARKETPLACE - 2022 ?? iv7.dev for a coffee : 0xBE95c56Fe1956804B2E7aD858978A90aF20eeB16 (Nets : BSC, Polygon, ETH) This project was bootstrapped w

Iv7.software 2 Feb 4, 2022
Programmatically upload NFT assets to OpenSea.io for free

OpenSea Uploader This is the example repository for my blog post How to Mint 100,000 NFTs For Free. Please note that this is merely a proof of concept

Andre Rabold 18 Sep 15, 2022
NFT listing monitor bot of the marketplace. (Opensea, X2Y2, LooksRare)

NFT Listing Monitor Bot NFT listing monitor bot of the marketplace. Market Coverage Opensea Looksrare X2Y2 Prerequisites Opensea API Key - apply here

null 18 Nov 17, 2022
Projeito feito em PHP no padrão MVC para voce conectar sua api do MyZap e enviar mensagens

SendMyZAP Projeto realizado para integração com a API do MyZap, projeto realizado em php puro no padrão MVC e OO. Passo a passo para instalar: Primeir

João Paulo de Oliveira 17 Aug 10, 2022
Hola bienvenido al the LoliBot-MD aquí se hacer actualizaciónes de bot. Bot que funciona el (WhatsApp multidivice) espero que te guste😊

Esta versión de THE LOLIBOT-MD casi está terminada. ✨ —◉ DUDAS SOBRE EL BOT?, CONTACTAME ✨ Quieres tener un bot 24/7 activo ?? ACTIVAR EN HEROKU ☂️ PA

The Lolibot-MD 24 Nov 28, 2022