Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/cazala/eth-pictures
🎨 Draw your own NFTs
https://github.com/cazala/eth-pictures
ethereum infura ipfs nft opensea openzeppelin
Last synced: 25 days ago
JSON representation
🎨 Draw your own NFTs
- Host: GitHub
- URL: https://github.com/cazala/eth-pictures
- Owner: cazala
- License: mit
- Created: 2019-08-27T04:09:01.000Z (about 5 years ago)
- Default Branch: master
- Last Pushed: 2020-04-27T02:20:09.000Z (over 4 years ago)
- Last Synced: 2024-10-03T12:23:24.735Z (about 1 month ago)
- Topics: ethereum, infura, ipfs, nft, opensea, openzeppelin
- Language: TypeScript
- Homepage: https://eth.pictures
- Size: 737 KB
- Stars: 44
- Watchers: 5
- Forks: 15
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# ETH Pictures
This tool is an experiment I did to play with decentralized infrastructure.
The images are uploaded to [IPFS](https://ipfs.io), and an NFT (non-fungible token) is minted in the Ethereum blockchain to represent each picture.
Each token is ownable, transferrable, tradable and unique.
The gallery data is pulled from [OpenSea](https://opensea.io)'s API.
## Setup
0. Environment variables
```
$ mv .env.example .env
```
Add your `REACT_APP_INFURA_TOKEN`
1. Install dependencies
```
$ npm install
```
2. Start dev-server
```
$ npm start
```
3. Production build
```
$ npm run build
```
## Deploy your own contract
You need to fill the `MNEMONIC` and `REACT_APP_INFURA_TOKEN` environment variables in your `.env` file:
```
MNEMONIC="bunker satoshi food..."
REACT_APP_INFURA_TOKEN=b013...
```
Then use `openzeppelin create` command and follow the interactive steps to deploy your contract.
To use this new contract just update the `REACT_APP_CONTRACT_ADDRESS` environment variable.
## Modifying the contract
If you make changes to `contracts/EthPictures.sol` you will need to do the following afterwards:
1. Compile contracts
```
$ npm install -g @openzeppelin/cli
$ openzeppelin compile
```
2. Generate TypeScript interfaces
```
$ npm run contracts
```
If you have problems compiling your app after this, check out the [Troubleshooting](https://github.com/cazala/eth-pictures/blob/master/README.md#troubleshooting) section.
## Rinkeby
To use the Rinkeby testnet you need to point to a Rinkeby contract (you can deploy your own or use the one shown below), and also point to OpenSea's rinkeby API, like this:
```
REACT_APP_CONTRACT_ADDRESS=0xd9284B013f9237BAA3d884dca36FA1658430b178
REACT_APP_OPENSEA_API=https://rinkeby-api.opensea.io
REACT_APP_OPENSEA_URL=https://rinkeby.opensea.io
```
That address is an actual instance of the contract deployed to Rinkeby: [link to Etherscan](https://rinkeby.etherscan.io/address/0xd9284b013f9237baa3d884dca36fa1658430b178).
## Troubleshooting
If your build is failing due to a problem with `src/contracts/EthPicturesAbi.ts` try typing the ABI as `any`, by changing the last line in that file to the following:
```tsx
] as any)
```