https://github.com/juliancwirko/elrond-simple-sc-frontend-app

Frontend app for PiggyBank Smart Contract
https://github.com/juliancwirko/elrond-simple-sc-frontend-app

blockchain dapp elrond react smart-contracts

Last synced: 3 days ago
JSON representation

Frontend app for PiggyBank Smart Contract

• Host: GitHub
• URL: https://github.com/juliancwirko/elrond-simple-sc-frontend-app
• Owner: juliancwirko
• Created: 2021-09-05T22:44:12.000Z (over 3 years ago)
• Default Branch: main
• Last Pushed: 2022-05-18T07:20:35.000Z (over 2 years ago)
• Last Synced: 2025-01-18T01:33:42.872Z (6 days ago)
• Topics: blockchain, dapp, elrond, react, smart-contracts
• Language: TypeScript
• Homepage: https://elven-piggy-bank.netlify.app/
• Size: 1.24 MB
• Stars: 2
• Watchers: 3
• Forks: 4
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
### PiggyBank Smart Contract frontend app

- **Please be aware that this template uses the older Elrond dapp library.** The newest one is here: [dapp-core](https://github.com/ElrondNetwork/dapp-core). 

- **Also the new frontend** will be build soon. Based on: [nextjs-dapp-template](https://github.com/ElrondDevGuild/nextjs-dapp-template).

PiggyBank is a custom Smart Contract on the Elrond blockchain. If you want to know more about preparing and deploying such a Smart Contract, check out separate [blog post](https://www.julian.io/articles/elrond-smart-contracts.html). Here we have a frontend app for it. 

- [Smart Contract repo](https://github.com/juliancwirko/elrond-simple-sc)

#### Working instance

- [https://elven-piggy-bank.netlify.app/](https://elven-piggy-bank.netlify.app/)

### Articles

- [Simple user interface for Elrond Smart Contract](https://www.julian.io/articles/elrond-dapp-ui.html)

### Walkthrough videos

- [Elrond Smart Contracts - interacting using erdpy](https://youtu.be/mIsNI7ZxQRM)

- [Elrond Smart Contracts - interacting using simple front-end app](https://youtu.be/Sjpj7Btasgs)

- [Elrond Smart Contracts - interacting using the Maiar DeFi Wallet browser extension](https://youtu.be/MpPbi6xkBQs)

Remember that the devnet will be restarted from time to time. It could mean that preconfigured PiggyBank Smart Contract will stop working. I'll try to redeploy a new one in such a case, but this won't be automatic.

**This app is for learning and demonstration purposes only.**

#### How to start with local instance

1. Clone the repo

1. Remember to configure the .env file. Review and copy `.env.example` into `.env.local`

2. In `.env.local` configure your PiggyBank Smart Contract address. (Check how to deploy your custom one [here](https://www.julian.io/articles/elrond-smart-contracts.html). You can also use the one from this repo (of course if the devnet isn't restarted yet)).

3. You would also need some xEGLD on the devnet. You should be able to use a web wallet's built-in faucet. Or there is also one for the devnet [here](https://r3d4.fr/elrond/devnet/).

 

Generated using [CRA elrond-dapp template and Elrond tools](https://www.npmjs.com/package/cra-template-elrond-dapp)

 #### In case of questions contact me: 

 - [Twitter](https://twitter.com/JulianCwirko)

 - [GitHub](https://github.com/juliancwirko)