React project for greed.games UI to interact with the minting contract.

Overview

PrismDAO Minting UI

See the deployed app here.

Features

  1. NFT minting using Azuki's ERC721A implementation, which drastically reduces minting costs when minting in batches. It otherwise follows the NFT standard.
  2. PrismDAOMemberships.sol deployed to both Kovan and Rinkeby allows owner to set max supply, mint price, max mint batch size, changing API baseUri, changing to new owner, and revoking ownership.
  3. UI updates with live supply, max supply, and mint price in realtime.
  4. Loads minted NFTs via API and lets you create a team of 3 gladiators from the NFTs you own. This sort-of works when you uncomment the commented block of code in usePrismDAOMembershipStatus.ts. Sometimes i have to add and remove it to get it to work. Not sure why it bugs out some of the time and not others, probably need to catch some state to filter out the times it breaks.

To Do

  1. Error handling.
  2. Have max batch size load from contract value.
  3. Get rid of warnings about hook order.
  4. Limit mint owernship to a max value. I think this is best done on the frontend as it would increase cost to do it in the contract and you can just switch addresses to get around it anyway.

Kovan Tesnet

The contract is deployed to the Kovan testnet (chain id 42). Make sure to switch your metamask to Kovan and grab some Kovan ETH from the Chainlink Faucet.

Rinkeby Testnet

The contract is deployed to the Rinkeby testnet (chain id 4). Opensea is on the Rinkeby testnet so that is a logical next step to test the API. Rinkeby faucet here.

Getting Started

First, install deps:

yarn install

First, run the development server:

npm run dev
# or
yarn dev

Open http://localhost:3000 with your browser to see the result.

You can start editing the page by modifying pages/index.js. The page auto-updates as you edit the file.

Auto Contract Type Generation

Note: After adding in your new contract ABIs (in JSON format) to the /contracts folder, run yarn compile-contract-types to generate the types.

You can import these types when declaring a new Contract hook. The types generated show the function params and return types of your functions, among other helpful types.

import MY_CONTRACT_ABI from "../contracts/MY_CONTRACT.json";
import type { MY_CONTRACT } from "../contracts/types";
import useContract from "./useContract";

export default function useMyContract() {
  return useContract<MY_CONTRACT>(CONTRACT_ADDRESS, MY_CONTRACT_ABI);
}

Learn More

To learn more about Next.js, take a look at the following resources:

You can check out the Next.js GitHub repository - your feedback and contributions are welcome!

You might also like...
Roll some six-sided dice for games that ask you to roll too many dice.
Roll some six-sided dice for games that ask you to roll too many dice.

Roll some six-sided dice for games that ask you to roll too many dice.

A Native GUI Epic Games Launcher for Linux, Windows and Mac.
A Native GUI Epic Games Launcher for Linux, Windows and Mac.

Heroic Games Launcher Heroic is an Open Source Game Launcher for Linux, Windows and MacOS (Limited to Windows games using Wine/Crossover). Right now i

A family of tools to help build performant and beautiful apps, games and sites for the web

SUPER DUPER ALPHA vinxi A family of tools to help build performant and beautiful apps, games and sites for the web turborepo kitchen sink starter This

A catalog of games, using Typescript, ReactJs And Redux
A catalog of games, using Typescript, ReactJs And Redux

Game Catalog Sobre o Projeto Um catalogo de jogos,utilizando as tecnologias Typescript, ReactJs Redux, Html e Css. Layout Como executar o projeto # cl

Game-creator - The app with authentication and ability to create different type of games
Game-creator - The app with authentication and ability to create different type of games

Backend: mongDB nodeJS Frontend: pug for JSX stylus react native adaptive design

A simple app to show NBA games and scores/details.
A simple app to show NBA games and scores/details.

NBA Remix A simple app to show NBA games and scores/details. Deployment After having run the create-remix command and selected "Vercel" as a deploymen

Bored Room - a web platform designed for people to play modern board games online with friends and strangers both asynchronously and in real time
Bored Room - a web platform designed for people to play modern board games online with friends and strangers both asynchronously and in real time

Bored Room - a web platform designed for people to play modern board games online with friends and strangers both asynchronously and in real time

A React Application To Interact With Terra Core
A React Application To Interact With Terra Core

Terra Station Terra Station is a web application to interact with Terra Core. Terra Station allows users to: Send tokens Get involved with staking, wi

SherafUI - A React + Python Backend to visualize and interact with Sheraf / ZODB database

SherafUI A React + Python Backend to visualize and interact with Sheraf / ZODB d

Owner
The Red Guild Leader
We build for PrismDAO.
The Red Guild Leader
This is the NFT minting web app created using React js and with the help of Hashlips.

Welcome to The Stripes NFT ?? All the code in these repos was created and explained by HashLips on the main YouTube channel. To find out more please v

The Stripes NFT 290 Dec 30, 2022
This is a NFT minting front-end with React.js

Getting Started with Create React App This project was bootstrapped with Create React App. Available Scripts In the project directory, you can run: ya

Judy Hoops 3 Jul 13, 2022
React frontend + Node API source code for for the minting website for the Ninja Developer Hacking Squad's NFT collection

React frontend + Node API source code for for the minting website for the Ninja Developer Hacking Squad's NFT collection

Ninja Developer Hacking Squad 13 Oct 27, 2022
Building a Web3 NFT Minting Dapp with React, TS, Vite, Vitest, Hardhat

Vite-react-ts-hardhat-web3-NFT tutorial building a Web3 NFT Minting Dapp with React, TS, Vite, Vitest, Hardhat Requirements git if you've installed co

Lucian Daniel Crisan 18 Nov 15, 2022
NFT DROP React.js (Minting NFT's with thirdweb, Sanity, Next.js, Tailwind, TS)

NFT DROP React.js ?? LIVE DEMO PREREQUISITES: Install Node JS in your computer HERE MetaMask HERE Sanity HERE thirdweb HERE This project was bootstrap

Sashen Jayathilaka 24 Dec 21, 2022
Wonka: a JS library meant that simplifies the minting process on Metaplex's CandyMachine

Wonka JS Wonka is a JS/TS layer that simplifies the minting process on top of Me

Triton Labs 71 Nov 3, 2022
Mobile app that lets you search for games. Using IGDB and built with Expo (React Native)

Mobile app that lets you search for games. Using IGDB and built with Expo (React Native). game-search-expo.mp4 Try it out with Expo: https://expo.io/@

Nuno Góis 14 Oct 4, 2022
Review Games Website Built With React

Review Games Projeto de estudo que empresas podem se cadastrar e adicionar jogos para mostrar a usuarios, e usuarios podem dar estrelas para cada jogo

Lucas Santos Ribeiro 1 Nov 19, 2021
React Hangman Games App

nuflakbrr-hangman.vercel.app Create React Hangman Games App. Authors Contributors names and contact info Naufal Akbar Nugroho @kbrnugroho Version Hist

Naufal Akbar Nugroho 2 Feb 10, 2022
A full-stack web app built with NestJS and ReactJS that helps you find and discover over 500,000+ video games on your device. Powered by RAWG API.

Game Store Monorepo A full-stack web app built with NestJS and ReactJS that helps you find and discover over 500,000+ video games on your device. Powe

Vu Nguyen 120 Dec 29, 2022