Elven Tools Dapp - Elrond blockckchain frontend dapp demo. Primarily for NFT minting, but it can be used for other purposes.

Related tags

Learning resource javascript frontend nextjs dapp blockchain nft elrond
Overview

Elven Tools Dapp

The Dapp is built using Nextjs and a couple of helpful tools. More docs soon!

How to start it locally:

  • Clone/Download the repository code
  • Install npm dependencies
  • Configure basic .env variables
  • Configure smart contract information (optionally other things too).
  • Run the dapp locally
  • Prepare it for deployment

More docs on it: How to start with the Dapp

Main assumption for the dapp:

  • it works on Nextjs
  • it uses erdjs 9.* without the dapp-core library. It will be migrated to erdjs 10.* asap
  • it uses backed side redirections to hide the API endpoint. The only exposed one is /api
  • it uses .env file - there is an example in the repo
  • it uses a couple of config files in the 'config' directory
  • it uses chakra-ui

More docs on it: Minter Dapp introduction

Community

Comments
  • Minting issue

    Minting issue

    Hi, first thank you for all your projects, its really well done, your code is really clean and easy to understand.

    I am trying mint a SC with the dapp, and after connecting on my devnet wallet, the console prints the following error : Sender not allowed: erd1qqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqq6gq4hu

    Did i missed a configuration somewhere ?

    Thank you for your answer

    bug 
    opened by Buky33 15
  • Error while trying to mint

    Error while trying to mint

    Hi, first of all, congrats with your work ! I have an issue when I try to mint, I got this message: Capture d’écran 2022-11-30 à 11 19 27

    How to reproduce: -Clone the dapp -npm install -copy the env file -npm run dev -try to mint

    opened by PaulWCZ 3
  • Feat : Profile

    Feat : Profile

    Feature Preview :

    Button 'Profile' added in header (only for connected user).

    Display the address, herotag, the nonce and shard of the connected wallet.

    Display every NFT on the wallet.

    Redirect to home when logged out.

    Visual preview :

    navbar profil

    opened by theejkb 2
  • Remaining number of NFTs per drop

    Remaining number of NFTs per drop

    When a set-drop has been made it would be nice to have the number of NFTs available for the active drop.

    Also, if we mint a certain number of NFTs and change the tokens limit per wallet we get a negative number.

    Capture d’écran 2022-04-14 à 15 29 08
    opened by gokaiorg 2
  • Feat : Profil

    Feat : Profil

    • Button 'Profil' added in header (only for connected user)
    • Display the address, herotag and nonce of the connected wallet.
    • Display a random profil (can be improved by using the maiar profile if possible).

    WIP : Display every NFT on the wallet.

    opened by theejkb 0
  • Make the configuration less confusing

    Make the configuration less confusing

    Related to the sc config: https://github.com/ElvenTools/elven-tools-dapp/blob/main/config/nftSmartContract.ts

    The idea behind the configuration for the smart contract was to save some API calls. The data can be queried, but because it is almost 100% static, it is good to have an option to configure it in dapp statically. But this all can be improved to be less confusing. Two things can be implemented:

    1. Make the smart contract configuration optional and query all required data by default. Use configuration data only when provided, and then don't make API queries.
    2. Move smart contract config to the .env file. It will allow splitting into different environments using one type of file.
    enhancement 
    opened by juliancwirko 0
  • global mechanism for UI notifications, toasts (error, success, info, warning)

    global mechanism for UI notifications, toasts (error, success, info, warning)

    This one should be reviewed once more, but the general mechanism for notifications would be helpful.

    Catch and inform about API connection problems...

    enhancement 
    opened by juliancwirko 0
Releases(v4.0.1)

  • v4.0.1(Jan 1, 2023)

  • v4.0.0(Dec 24, 2022)

    • breaking: env vars naming changes and API proxy is now optional, check for more in the docs (https://www.elven.tools/docs/dapp-api-proxy.html)
    • dependencies update
    • demo homepage updates and rebranding
    Source code(tar.gz)
    Source code(zip)

  • v3.3.0(Nov 27, 2022)

    • added Profile page with the list of minted NFTs and basic account/wallet information
    • updated dependencies, including Next 13 (without changing the files structure yet)
    • general API call hook added, for different API calls, not only blockchain-related. See more in the docs
    • added ProtectedPageWrapper - client-side only page content wrapper component that will redirect to the chosen path when the user is not logged in. Wrap page content with it. Check the profile page, for example.
    Source code(tar.gz)
    Source code(zip)

  • v3.2.0(Oct 4, 2022)

  • v3.1.1(Aug 12, 2022)

  • v3.1.0(Aug 6, 2022)

  • v3.0.0(Jul 10, 2022)

    • some of the configurations for a smart contract are now fetched automatically
    • UX is essential, and the previous approach to sc-related configs was problematic and not clear
    • the only gain was saving on API bandwidth, but I think it should be ok with future improvements, mainly SWR and service worker cache, but also using third-party API providers, not public ones, which should be evident for production-ready dapp
    • still, you can remove the queries and configure all as constants in the app, but it won't be provided as a simple option for now because it would still introduce a lot of confusion
    • new hook useElvenScQuery which uses generic useScQuery (both are now better typed)
    • new return type for useScQuery - boolean, it also uses generics to be able to define typings better (preparation for future result parser)
    • next, react, swr, chakra ui version updates
    • better esling configuration
    Source code(tar.gz)
    Source code(zip)

  • v2.2.1(Jun 17, 2022)

  • v2.2.0(Jun 9, 2022)

  • v2.1.0(May 27, 2022)

    • useScQuery wrapper now also incorporates useSwrMutation to be able to trigger calls without an initial call on the component mount
    • response from useScQuery is now shallowed
    Source code(tar.gz)
    Source code(zip)

  • v2.0.0(May 5, 2022)

  • v1.0.3(Apr 26, 2022)

  • v1.0.2(Apr 24, 2022)

  • v1.0.1(Apr 17, 2022)

Owner
Elven Tools
Open Source toolset for launching NFTs collections on the Elrond blockchain.
Elven Tools
GitHub https://dapp-demo.elven.tools
Yet another library for generating NFT artwork, uploading NFT assets and metadata to IPFS, deploying NFT smart contracts, and minting NFT collections

eznft Yet another library for generating NFT artwork, uploading NFT assets and metadata to IPFS, deploying NFT smart contracts, and minting NFT collec

null 3 Sep 21, 2022
Open source Dapp template for the Elrond blockchain.

NextJS Dapp Template elrond-nextjs-dapp.netlify.com Simple alternative to the dapp-core with React. The Dapp is built using Nextjs and a couple of hel

Elrond's Dev Guild 27 Dec 4, 2022
Create your own custom NFT minting page using thirdweb's NFT Drop contract

Customizable NFT Drop Minting Page In this example, you can create your own NFT Drop minting page just by customising the template with your branding,

thirdweb examples 59 Dec 24, 2022
Nftix-demo-ui - Demo UI used in my NFT course on Egghead.io

NFTix Demo UI This repository contains the UI used for my Egghead course on building a NFT ticketing system ?? ?? If you're watching the videos, use t

Ryan Harris 10 Dec 17, 2022
Fullstack Dynamic NFT Mini Game built using 💎 Diamond Standard [EIP 2535] 🏃‍♀️Players can use Hero NFT to battle against Thanos ⚔ Heroes can be Healed by staking their NFT 🛡

?? Fullstack Dynamic NFT Mini Game ?? ?? Using Diamond Standard Play On ?? ?? ⏩ http://diamond-dapp.vercel.app/ Project Description ?? Fullstack Dynam

Shiva Shanmuganathan 21 Dec 23, 2022
Elrond blockchain CLI helper tools - interaction with APIs, smart contracts and protocol

Buildo Begins ?? Meet Buildo. He is here to help you start creating in the Elrond blockchain ecosystem. Here is where everything begins. I'm going on

Elrond's Dev Guild 22 Dec 30, 2022
Reddit is a website where a community of registered users ( redditors) submits content. Its format resembles a traditional bulletin board system, allowing users to post messages and links to other websites and comment on each other's posts. Entries are ranked by a voting system; other users can vote comments and posts either up ( upvoted) or down.

Setup First, run the development server: npm run dev Open http://localhost:3000 with your browser to see the result. You can start editing the page by

Ibrahim Raimi 4 Jun 23, 2022
🐲 Epic NFTs [UI] - Proyecto que te permitirá conectar tu billetera y acuñar un NFT, podrás revender el NFT en OpenSea. El NFT en sí se puede personalizar

?? Epic NFTs [UI] El proyecto se encuentra deployado en Vercel para que puedan verlo e interactuar con él, toda crítica o comentario se agradece, pued

Braian D. Vaylet 17 Oct 22, 2022
NFT Marketplace framework to build standalone NFT marketplace or inApp/inGame NFT marketplace

NFT Marketplace This project is a decentalized NFT Marketplace framework which is to be the baseline for you to build standalone NFT marketplace or in

Reddio, inc. 14 Dec 19, 2022
Bootstrap an NFT minting site with Merkle tree whitelists.

??️ nft-merkle-whitelist-scaffold Bootstrap an NFT minting site with merkle tree whitelists. Go to nft-merkle-whitelist.vercel.app to see the latest d

jaclyn 87 Dec 24, 2022
This is NFT minting and marketplace website.

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

NAJI2329 15 Oct 10, 2022
Ethereum NFT minting bot 🍌 🔥

Mineth – Open source Ethereum bot for minting NFTs. This repository provides a code for deploying it on server and calling from your local network. Fo

Daniil Korolev 2 Aug 6, 2022
CandyPay SDK lets you effortlessly create NFT minting functions for Candy Machine v2 collections.

@candypay/sdk CandyPay SDK lets you effortlessly create NFT minting functions for Candy Machine v2 collections. Simulate minting transactions for mult

Candy Pay 33 Nov 16, 2022
Use signature-based minting to allow users who have contributed to your github repositories to claim an NFT!

GitHub contributors NFT rewards This project demonstrates how you can build a full-stack web3 application that allows github contributors of certain r

thirdweb templates 8 Nov 5, 2022
An npm package for demonstration purposes using TypeScript to build for both the ECMAScript Module format (i.e. ESM or ES Module) and CommonJS Module format. It can be used in Node.js and browser applications.

An npm package for demonstration purposes using TypeScript to build for both the ECMAScript Module format (i.e. ESM or ES Module) and CommonJS Module format. It can be used in Node.js and browser applications.

Snyk Labs 57 Dec 28, 2022
A simple NFT trading and breeding platform for demonstration purposes.

?? boxyz I know it sounds strange, but maybe these boxes can breed and have children. They can be sold as well. boxyz is a fun project to trade and br

cetin 8 Dec 12, 2022
Grupprojekt för kurserna 'Javascript med Ramverk' och 'Agil Utveckling'

JavaScript-med-Ramverk-Laboration-3 Grupprojektet för kurserna Javascript med Ramverk och Agil Utveckling. Utvecklingsguide För information om hur utv

Svante Jonsson IT-Högskolan 3 May 18, 2022
Hemsida för personer i Sverige som kan och vill erbjuda boende till människor på flykt

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

null 4 May 3, 2022
Kurs-repo för kursen Webbserver och Databaser

Webbserver och databaser This repository is meant for CME students to access exercises and codealongs that happen throughout the course. I hope you wi

null 14 Jan 3, 2023