https://github.com/ElvenTools/elven-tools-dapp
Elven Tools Dapp - MultiversX blockckchain frontend dapp demo. Primarily for NFT minting, but it can be used for other purposes.
https://github.com/ElvenTools/elven-tools-dapp
blockchain dapp elrond elrond-dapp elrond-javascript elrond-typescript javascript multiversx nextjs nft typescript
Last synced: about 2 months ago
JSON representation
Elven Tools Dapp - MultiversX blockckchain frontend dapp demo. Primarily for NFT minting, but it can be used for other purposes.
- Host: GitHub
- URL: https://github.com/ElvenTools/elven-tools-dapp
- Owner: ElvenTools
- License: mit
- Created: 2022-04-11T18:33:56.000Z (about 3 years ago)
- Default Branch: main
- Last Pushed: 2024-07-14T16:23:51.000Z (10 months ago)
- Last Synced: 2024-07-31T20:36:02.552Z (9 months ago)
- Topics: blockchain, dapp, elrond, elrond-dapp, elrond-javascript, elrond-typescript, javascript, multiversx, nextjs, nft, typescript
- Language: TypeScript
- Homepage: https://dapp-demo.elven.tools
- Size: 1.22 MB
- Stars: 25
- Watchers: 2
- Forks: 33
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- Changelog: CHANGELOG.md
- License: LICENSE
Awesome Lists containing this project
- awesome-multiversx-dev-resources - Elven Tools Dapp - The dapp used by Elven Tools project (MultiversX community / Dapps Source Code)
README
### Elven Tools Dapp
- Docs: [elven.tools/docs/minter-dapp-introduction.html](https://www.elven.tools/docs/minter-dapp-introduction.html)
- Dapp's React hooks and components [elven.tools/docs/dapp-react-hooks-and-components.html](https://www.elven.tools/docs/dapp-react-hooks-and-components.html)
- Demo: [dapp-demo.elven.tools](https://dapp-demo.elven.tools)
- Elven Tools intro (including the Dapp): [youtu.be/Jou5jn8PFz8](https://youtu.be/Jou5jn8PFz8)
The Dapp is built using Nextjs and a couple of helpful tools. It allows you to interact with the MultiversX blockchain and smart contracts, and especially it is prepared for the [Elven Tools Smart Contract](https://github.com/ElvenTools/elven-nft-minter-sc). But you can always modify it and adjust it for your needs.
### It provides:
- Signing with 4 MultiversX blockchain [providers](https://docs.multiversx.com/sdk-and-tools/sdk-js/)
- Web Wallet
- xPortal mobile app
- MultiversX DeFi browser extension
- Ledger Nano
- [Guarderd transactions](https://docs.multiversx.com/sdk-and-tools/sdk-dapp/internal-processes/guardians/#specifications-of-a-guarded-transaction)
- React hooks for making transactions
- React hooks for querying smart contracts
- Tools and React hooks for app state synchronization
- Optional API endpoint rewrites
- Preconfigured UI based on [Chakra UI](https://chakra-ui.com/)
- The template with sections mainly used on minter dapps (it will be developed further)
### @useElven/core
The template is based on `@useelven/core` npm library.
- [@useelven/core docs](https://www.useElven.com) - React hooks for MultiversX blockchain
Besides that, there are custom React components and hooks that will help you with development.
### Elven Tools Dapp docs
For more docs on how to use it check the link above, and for more examples see: [elven.tools/docs/dapp-react-hooks-and-components.html](https://elven.tools/docs/dapp-react-hooks-and-components.html)
### Tracking the progress
- [Elven Tools Dapp kanban](https://github.com/orgs/ElvenTools/projects/2)
### How to start it locally:
1. npm install -g elven-tools
2. elven-tools init-dapp
3. cd your-dapp-directory
5. npm run dev
--- or ---
1. clone or download the repo code
2. cd elven-tools-dapp
3. npm install
4. configure .env.local (you can copy the contents of the .env.example)
6. npm run dev
Check detailed docs on it here: [How to start with the Dapp](https://www.elven.tools/docs/how-to-start-with-the-dapp.html)
### Main assumption for the dapp:
- it works on Nextjs
- it uses the newest version of [sdk-core](https://github.com/multiversx/mx-sdk-js-core) without the [sdk-dapp](https://github.com/multiversx/mx-sdk-dapp) library.
- optionally it uses backend-side rewrites to hide the API endpoint, then the only exposed one is `/api`
- it uses .env file - there is an example in the repo
- it uses [chakra-ui](https://chakra-ui.com/)
More docs on it: [Minter Dapp introduction](https://www.elven.tools/docs/minter-dapp-introduction.html)
### Other tools
- [useElven](https://www.useElven.com) - React core hooks for MultiversX blockchain
- [elven.js](https://www.elvenjs.com) - standalone lite SDK for browsers without build steps
- [Buildo Begins](https://github.com/xdevguild/buildo-begins) - CLI helper tools - interaction with APIs, smart contracts and protocol
- [Buildo.dev](https://www.buildo.dev) - the app that helps with blockchain interactions, like issuing tokens and querying smart contracts.
- [Nextjs Dapp Template](https://github.com/xdevguild/nextjs-dapp-template) - Open source Dapp template for the MultiversX blockchain (more general one).