Giter Site home page Giter Site logo

arthouse's Introduction

Art House

Arthouse is an NFT platform that allows you to easily create NFTs.

Quickstart

  1. yarn install

  2. yarn start

  3. Go to http://localhost:3000/

  4. Click on Create NFT

  5. Make sure that you can see the created NFT in NFT gallery

To build the project: yarn build

Here's a step-by-step tutorial on how to build your own arthouse.

How it Works

Arthouse can do 4 things:

  1. Mint an NFT
  2. List an NFT for sale
  3. Buy an NFT
  4. Unlist an NFT

NFT Process

  1. Everytime a new NFT is minted it gets deployed to the provided smart contract on the relevant chain ID in config-chains.json
  2. When it gets listed for sale, approval is given by the account to the Market contract, the NFT is transferred to the address of the contract which will list the item for sale.
  3. When the account buys a listed item, the marketplace receives a commission of salesFeeBasisPoints (currently 250 basis points or 2.50%) and the seller receives the rest.
  4. The seller may choose to unlist an item at which point the ownership of the NFT will be transferred back to the seller and become unavailable for purchase in the market.

Adding Chains to Metamask

Localhost

  1. Switch to localhost 8545 in metamask

  2. Import private keys from test-accounts.txt

  3. Use accounts #0-3 for making, selling and buying NFTs between accounts

Testnets and Main

  1. Open Metamask extension and go to settings > networks (TODO add a 1-click button for adding networks)

Public RPCs may have traffic or rate-limits depending on usage.

So you may see the following error.

Could not fetch chain ID. Is your RPC URL correct?

If that happens, try a different URL or you can get a free dedicated free RPC URLS.

Celo Alfajores

Network Name: Celo (Alfajores Testnet)
New RPC URL: https://alfajores-forno.celo-testnet.org
Chain ID: 44787
Currency Symbol (Optional): CELO
Block Explorer URL (Optional): https://alfajores-blockscout.celo-testnet.org

Polygon:

Network Name: Mumbai TestNet
New RPC URL: https://rpc-mumbai.matic.today
Chain ID: 80001
Currency Symbol: Matic
Block Explorer URL: https://mumbai.polygonscan.com/

TODO: Get correct Browser settings for Rinkeby (although it's included by default in Metamask) [Rinkeby Ethereum]

Network Name: Mumbai TestNet
New RPC URL: https://rpc-mumbai.matic.today
Chain ID: 80001
Currency Symbol: Matic
Block Explorer URL: https://mumbai.polygonscan.com/

Resources

Inspired by Nader Dabit's Building a Full Stack NFT Marketplace on Ethereum with Polygon.

arthouse's People

Contributors

ademidun avatar

Watchers

 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.