Skip to content

kelindi/CryptoPay-Concept

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

CryptoPay

App Screenshot

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.

User Functionality

The User Feed

The User Feed displays three sections of information for the convenience of the user:

Outgoing Friend Requests:

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.

Outgoing and Incoming Money Requests:

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.

Transactions

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).

Notifications

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.

LogOut

The Log out button next to the notifications button allows the user to end their current session and log out of their account.

Stack

Client React TailwindCSS Web3.js Server Node Express MongoDB

Getting started

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)

About

No description, website, or topics provided.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Contributors 4

  •  
  •  
  •  
  •  

Languages