https://github.com/eltonlazzarin/react-make-eth-payments
Make ETH payments using ReactJS and MetaMask
https://github.com/eltonlazzarin/react-make-eth-payments
crytocurrency ether ether-payments ethereum ethereum-dapp metamask react reactapplication reactdapp reactjs reactproject tailwindcss
Last synced: about 1 month ago
JSON representation
Make ETH payments using ReactJS and MetaMask
- Host: GitHub
- URL: https://github.com/eltonlazzarin/react-make-eth-payments
- Owner: eltonlazzarin
- License: mit
- Created: 2021-12-22T02:16:31.000Z (over 4 years ago)
- Default Branch: main
- Last Pushed: 2021-12-28T01:34:54.000Z (over 4 years ago)
- Last Synced: 2025-03-26T13:50:59.899Z (about 1 year ago)
- Topics: crytocurrency, ether, ether-payments, ethereum, ethereum-dapp, metamask, react, reactapplication, reactdapp, reactjs, reactproject, tailwindcss
- Language: JavaScript
- Homepage: react-make-eth-payments.vercel.app
- Size: 729 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
Make ETH payments using ReactJS and MetaMask
About The Project |
Technologies |
Getting Started |
How To Contribute |
License
## About the project
This project was developed with ReactJS, being a DApp application (decentralized application) which aims to make payments in ETH on the Ethereum network via MetaMask digital wallet previously installed in your browser for another wallet.
Once the connection with your MetaMask wallet is established, it is possible to send ETH tokens over the network and, for that, simply enter the address, type the value and send.
For this project, Ganache was used, a tool that simulates the behavior of a fullclient (get / parity) through RPC functions. This way we can test our code faster, easier and without using real tokens.
## 🚀 Technologies
Technologies that I used to develop this frontend app
- [ReactJS](https://nodejs.org/en)
- [Ethers](https://docs.ethers.io/v5/getting-started)
- [VS Code](https://code.visualstudio.com) with [EditorConfig](https://marketplace.visualstudio.com/items?itemName=EditorConfig.EditorConfig) and [Prettier RC](https://github.com/prettier/prettier)
## 💻 Getting started
### Requirements
- [Node.js](https://nodejs.org/en)
- [Yarn](https://classic.yarnpkg.com/) or [npm](https://www.npmjs.com)
- [MetaMask Browser Extension](https://metamask.io/download.html)
- [Ganache](https://trufflesuite.com/ganache)
**Clone the project and access the folder**
```bash
$ git clone https://github.com/eltonlazzarin/react-make-eth-payments.git
$ cd react-make-eth-payments
```
**Configure Ganache and MetaMask**
[See this tutorial](https://www.youtube.com/watch?v=nUEBAS5r4Og)
**Follow the steps below**
```bash
# Install the dependencies
$ yarn
# Run the web app
$ yarn start
```
## 🤔 How to contribute
**Follow the steps below**
```bash
# Clone your fork
$ git clone https://github.com/eltonlazzarin/react-make-eth-payments.git
# Create a branch with your feature
$ git checkout -b your-feature
# Make the commit with your changes
$ git commit -m 'feat: Your new feature'
# Send the code to your remote branch
$ git push origin your-feature
```
After your pull request is merged, you can delete your branch
## 📝 License
This project is under the MIT license. See the [LICENSE](https://github.com/eltonlazzarin/react-make-eth-payments/blob/master/LICENSE) for more information.