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
• Ethers
• VS Code with EditorConfig and Prettier RC

💻 Getting started

Requirements

• Node.js
• Yarn or npm
• MetaMask Browser Extension
• Ganache

Clone the project and access the folder

$ git clone https://github.com/eltonlazzarin/react-make-eth-payments.git

$ cd react-make-eth-payments

Configure Ganache and MetaMask See this tutorial

Follow the steps below

# Install the dependencies
$ yarn

# Run the web app
$ yarn start

🤔 How to contribute

Follow the steps below

# 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 for more information.