This is a Next.js project.

Full process and video lectures on how to create the application can be found here: NFT Marketplace in React, Typescript & Solidity - Full Guide

Rafffle.Famousfoxes: NFT Marketplace Website

Overview

The marketplace has dependencies on multiple technologies.

• Website - Rafffle | Create your own rafffle
• Pinata - store images, and NFT metadata
• Ganache - private Blockchain, to run applications locally

Preview

Welcome to my project! Below are my favorite screenshots related to this project:

Getting Started

1. run npm install to install dependencies

2. In the root folder of the application create a .env.development file with the following content:

NEXT_PUBLIC_NETWORK_ID=5777
NEXT_PUBLIC_TARGET_CHAIN_ID=1337
NEXT_PUBLIC_PINATA_DOMAIN=https://gateway.pinata.cloud

SECRET_COOKIE_PASSWORD={your custom at least 32 characters long password!}

PINATA_API_KEY={your api key from pinata}
PINATA_SECRET_API_KEY={your api secret key from pinata}

• (Your API pinata key has to allow pinFileToIPFS and pinJSONToIPFS rules)

3. Then migrate a contract to Ganache, contract can be found in the contracts folder. It's called NftMarket.sol

• To migrate the contract run truffle migrate in the terminal while Ganache network is set up and running.

• Do not forget to link trufle-config.js with Ganache, just go to config and click Add Project

• keys.json must be created if you want to deploy to Ropsten, if not, just remove import of keys.json from trufle-config.js and also comment out ropsten configuration

4. Now everything is set up and you can test out the app.

• Run npm run dev in the terminal. The app will run at localhost:3000

Congratulations! 🎉

You've successfully run and modified your React Native App. 🥳

Contributors

codimiracle 📖

Sung Kim 🌍 📖

Thomas Brok 🌍

robertgrzonka 🌍

Megumi Aliya 🌍

Yule 🌍

Sylvain Pace 🔌

License

Rafffle.Famousfoxes is licensed under The MIT License © Silas Jones 2021-