cafe-nft

KO | EN

gitlite — search

#javascript #python #hacktoberfest #react #ai #typescript #llm #go #golang #android #machine-learning #rust #deep-learning #linux

(★ 16)

No description available.

cafe-nft Latest Version Download

Download Latest Version (.zip)

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

# Cafe NFT dAPP ☕

![](https://raw.githubusercontent.com/stevelukis/cafe-nft/master/.README_images/b8e2b453.png)

## Installation

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
```

## Description

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

## Features

### Connect to wallet

![](https://raw.githubusercontent.com/stevelukis/cafe-nft/master/.README_images/7e3d2e92.png)

This will trigger a connection between the website and the Metamask plugin. Once done, Metamask will say that it is
connected to the website.

![](https://raw.githubusercontent.com/stevelukis/cafe-nft/master/.README_images/a5f608ab.png)

### Number of tokens left

![](https://raw.githubusercontent.com/stevelukis/cafe-nft/master/.README_images/607a4633.png)

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.

### Buy NFT

![](https://raw.githubusercontent.com/stevelukis/cafe-nft/master/.README_images/dcab6895.png)

This button will create a transaction to the smart contract and sending 0.05 ether.

![](https://raw.githubusercontent.com/stevelukis/cafe-nft/master/.README_images/0b6eb169.png)

### Owned NFT

![](https://raw.githubusercontent.com/stevelukis/cafe-nft/master/.README_images/a2524fce.png)

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.

## Follow me

[👩‍💻 Github](https://github.com/stevelukis)

[Ⓜ Medium](https://medium.com/@stevelukis)

[💪 Upwork](https://www.upwork.com/freelancers/~0199de1d4d4622e8ae)

[🧧 Fiverr](https://www.fiverr.com/stevelukis)

cafe-nft

cafe-nft Latest Version Download

Today's picks

Was this content helpful?

Recent Feedback

cafe-nft

cafe-nft Latest Version Download

Today's picks

Was this content helpful?

Recent Feedback

Download README