Clone and install the dependencies:
git clone git@github.com:stevelukis/cafe-nft.git
cd cafe-nft
yarn add
Create a .env file and fill it with something like this:
REACT_APP_API_URL=YOUR_API_URL
REACT_APP_CONTRACT_ADDRESS=YOUR_CONTRACT_ADDRESS
Run it:
yarn start
This repo shows an example of a website which is integrated to an ERC721 NFT contracts.
The libraries used in the front end are:
- React.js
- React Router
- React Bootstrap
- Web3.js
This will trigger a connection between the website and the Metamask plugin. Once done, Metamask will say that it is connected to the website.
This shows how many tokens are available to buy. What basically this does is get the number of maximum supply and subtract it with the total supply.
This button will create a transaction to the smart contract and sending 0.05 ether.
This page shows the user the NFT they already owned. The images are not saved in the web server. They are fetched from the IPFS the images reside.