Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/reaperdragon/kittos-nft-marketplace

Kittos is NFT Marketplace built with Next Js, Hardhat, Solidity, Arweave + Bundlr Client and All The CSS Magic with TailwindCSS. 😺
https://github.com/reaperdragon/kittos-nft-marketplace

arweave blockchain bundlr chai ethereum ethersjs hardhat javascript matic nextjs nft-marketplace openzeppelin openzeppelin-contracts polygon react-toastify solidity tailwindcss web3

Last synced: about 7 hours ago
JSON representation

Kittos is NFT Marketplace built with Next Js, Hardhat, Solidity, Arweave + Bundlr Client and All The CSS Magic with TailwindCSS. 😺

Awesome Lists containing this project

README

        

# Kittos NFT Marketplace 😺

credit

### Functionalities

- [x] New Listed Assets
- [x] Mint NFT
- [x] Buy NFT
- [x] Resell NFT
- [x] Purchased NFT

### Stack

- Language : [JavaScript](https://developer.mozilla.org/en-US/docs/Web/JavaScript)
- Frontend : [Next Js](https://nextjs.org/)
- Smart Contract Lang : [Solidity](https://docs.soliditylang.org/en/v0.8.17/)
- Dev Environment for ETH Software: [Hardhat](https://hardhat.org/)
- Testing: [ChaiJs](https://www.chaijs.com/)
- File Storage : [Arweave](https://www.arweave.org/)
- Scaling Permenant Storage - [Bundlr](https://bundlr.network/)
- Network : [Polygon Mumbai](https://polygon.technology/)
- Fonts - [Google Fonts](https://fonts.google.com/)
- Style : [Tailwind CSS](https://tailwindcss.com/)
- Toast: [React Toastify](https://fkhadra.github.io/react-toastify/introduction/)
- Design : [Figma](https://www.figma.com/)

### Installation

#### Fork The Repo

Click on the Right Side of the Top Bar to After the Watch button.

Now It will be available in GitHub Account.

#### OR

#### Clone

- Clone this repo with url

```shell
git clone https://github.com/Aakrut/kittos-nft-marketplace
```

##### Setup

> Install npm dependencies using npm install

```shell
cd kittos-nft-marketplace && npm install
```

> Set up environment Variables I already Provided .env.example file.

> Create a .env file in the root directory.

> Set up required environment variables.

```.env
URL="POLYGON_TESTNET_URI"
PRIVATE_KEY="METAMASK_PRIVATE_KEY"
NEXT_PUBLIC_RPC_URL="POLYGON_TESTNET_URI"
NEXT_PUBLIC_CONTRACT_ADDRESS="CONTRACT_ADDRESS"
```

> In the Root Directory First Compile Your Smart Contract with This Following Command.

```shell
npx hardhat compile
```

> After Deploy Smart Contract to the Polygon Mumbai Testnet with this command.

```shell
npx hardhat run scripts/deploy.js --network mumbai
```

> Copy Smart Contract Address and replace it in with your "CONTRACT_ADDRESS"

```
NEXT_PUBLIC_CONTRACT_ADDRESS="CONTRACT_ADDRESS"
```

Let's Run this command for dev

```shell
npm run dev
--or--
yarn dev
```

### Screenshots

kittos

dashboard

create

profile

resell-1

resell

responsive

responsive 3