Skip to content

A decentralized e-payment app where users can request and approve payment on the Ethereum blockchain

Notifications You must be signed in to change notification settings

jjiajun/traceyourether-client

 
 

Repository files navigation

TraceYourEther

A decentralized e-payment app where users can request and approve payment on the Ethereum blockchain!

This is the frontend repo. Backend repo can be found here.

Table of Contents
  1. About The Project
  2. Usage / Features
  3. Built With
  4. Getting Started
  5. Contact
  6. Troubleshooting

About The Project



TraceYourEther provides a decentralized solution for anyone to request payment from friends and family on the Ethereum blockchain.

(back to top)

Usage / Features


1. You can sign up or log in.


2. Go to the "Friends" tab to add a friend whom you want to request money from.


3. Go to the "Requests" tab to request a payment amount from your friend.


4. Your friend will see your requests in the "Dashboard" tab.


5. Your friend can choose to accept or reject your request. This process will take some time (> 12s). Solidity uses a proof of work mechanism which takes up significant time to confirm each transaction on the blockchain.



6. You may go to the "Transactions" tab to check all your past transactions at a glance.

Built With

Frontend

Backend

Authentication

Functionality

(back to top)

Getting Started

Backend

  1. Go to the backend repo.

  2. Seed the data first: npm run seed

  3. Start the backend server: npm run devStart

  4. Deploy the local hardhat network

  • npx hardhat node (to get 20 test hardhat accounts)
  • npx hardhat run scripts/deploy.js --network localhost (deploy test accounts on localhost)

Frontend

  1. Come back to this repo

  2. Start the react-app: npm start

(back to top)

Contact

Tristan: GitHub - teo.jia.jun.29@gmail.com

Dominique: GitHub - dominiqueyeo@hotmail.com

(back to top)

Troubleshooting

Nonce too high error:

  • Solve it by going to MetaMask > Settings > Advanced > Reset

If requests are not showing:

  • Check that you are using the correct metamask wallet

About

A decentralized e-payment app where users can request and approve payment on the Ethereum blockchain

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • JavaScript 79.9%
  • Solidity 15.2%
  • HTML 2.6%
  • CSS 2.3%