CryptoPay is a proof of concept of a "venmo" like platform powered by web3. Users can currently make friends, send and receive money requests, and complete transactions with a metamask wallet.
The User Feed displays three sections of information for the convenience of the user:
The User can see the outgoing friend requests they made along with the option to rescind it. Each outgoing request comes with the option to cancel the friend request which rescinds the friend request.
The User can see the outgoing money requests they made with the option to rescind it. The Users cans also see any incoming money requests they have with the options to either accept it or reject it. Accepting it will deduct the balance from their account balance.
Recinding/Rejecting requests removes them from the dashboard.
The User can see a history of their outgoing transactions in this section of the website.
The Users can filter the listed transactions by one or more than one criteria by typing in the search value in the search bars under each column. Doing so, they will be able to see the filtered transactions. They can search by Destination (username), Amount, Date, TIme and ID (wallet-address).
The notification icon at the top of the screen, when clicked, displays all the incoming friend requests that the user has. The user can accept or reject the friend requests.
The Log out button next to the notifications button allows the user to end their current session and log out of their account.
Install metamask and connect it to a test network (ie. Ropsten, Goerli)
Install Dependencies
npm run start
Start the project
npm run dev
Note: Application runs better on localhost (data loads quicker)