Giter VIP home page Giter VIP logo

nft-react-boilerplate's Introduction

NFT REACT BOILERPLATE

INTRODUCTION

SEE BLOG POST WHICH THIS CODE WAS WRITTEN FOR:
https://medium.com/coinmonks/guide-to-creating-your-own-nft-with-javascript-solidity-part-1-of-3-7909b80fae94

SEE THE REAL WORLD PROJECT I CRETAED USING THE LOGIC FROM MY BLOG POST HERE:
https://cryptoghoulz.com


THIS PROJECT IS NOT MEANT TO BE A PROJECT FOR YOU TO USE IN PRODUCTION
IT IS TO HELP YOU UNDERSTAND HOW ALL OF THE MOVING PARTS STICK TOGETHER

GOOD LUCK & HAPPY CODING ๐Ÿš€

IMPORTANT NOTICE

1 - YOU NEED TO CREATE A .env FILE (SEE EXAMPLE FILE .example-env)


2 - YOU WILL NEED TO ADD A KEY CALLED PRIVATE_KEYS
PRIVATE_KEYS MUST BE THE PRIVATE KEY OF A WALLET ADDRESS THAT YOU WISH TO BE THE OWNER OF YOUR CONTRACT ONCE DEPLOYED
YOU WILL NEED TO PROVIDE YOUR ACCOUNT WITH SOME TEST CURRENCY IN ORDER TO DEPLOY TO A TESTNET

2 - YOU WILL ALSO NEED TO ADD A KEY CALLED INFURA_ID TO YOUR .ENV
INFURA_ID MUST BE A VALID INFURA PROJECT_ID , WITHOUT THIS YOUR MIGRATION WONT WORK AS IT WONT BE POINTING TO A VALID ETHEREUM NODE

3 - YOUR ABI FILE WILL NOT EXIST UNTIL YOU RUN UNTIL YOU RUN TRUFFLE MIGRATE

** IF ALL ELSE FAILS , WATCH THIS EXCELLENT BEGINNERS VIDEO
https://www.youtube.com/watch?v=CgXQC4dbGUE&t=78s&ab_channel=DappUniversity

GETTING STARTED - -

This project requires that you use yarn instead of npm commands
If you use npm commands the dependencies will fail to install correctly

1- Install yarn globally:
npm install --global yarn

2- Install project dependencies:
yarn

3- Start the project:
yarn start

IPFS

YOU WILL FIND AN IPFS FILE (./utils/ipfs.js)

THIS FILE WILL UPLOAD AN IMAGE TO IPFS , UPLOAD A METADATA FILE TO IPFS
AND THEN RETURN YOU BACK THE URLS AND CIDs.
IF YOU LOG OUT THE RETURN DATA FROM THE CALL YOU WILL SEE ALL OF THE ABOVE IN YOUR CONSOLE LOG

YOU WILL NEED TO CALL WITH WITH A VALID IMAGE BLOB OR IMAGE DATA URI FOR IT TO BE A SUCCESSFUL CALL

FOR MORE INFORMATION ON IPFS LOOK HERE:
https://ipfs.io/

TRUFFLE COMMANDS

1 - TEST CONTRACTS WILL COMPILE & CREATE ABI FILES -- BUT THEY WONT HAVE ANY NETWORK INFORMATION ADDED
truffle compile

2 - DEPLOY CONTRACT ON NETWORK (IN THIS EXAMPLE RINKEBY)
truffle migrate --reset --network rinkeby

3 - RUN MINT SCRIPT ON A SPECIFIC NETWORK (IN THIS EXAMPLE RINKEBY)
truffle exec src/utils/mint.js --network rinkeby

nft-react-boilerplate's People

Contributors

gary-george avatar

Stargazers

John Oseni avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.