Xpay Payment System

Overview

Xpay is a mock payment system designed for a seamless peer-to-peer transaction experience. It uses dummy currency for demonstration and educational purposes, providing a user-friendly interface to simulate payment transactions.

Figure 1: Xpay Users Interface

Figure 2: Xpay Transaction Initiation

Figure 3: Xpay Login Page

Features

Secure user authentication system.
Simulated real-time transaction updates with dummy currency.
Search functionality to quickly find users.
One-click payment initiation for mock transactions.

Tech Stack

Frontend: React
Backend: Node.js with Express
Database: MongoDB
Authentication: JWT

Environment Variables

To run this project, you will need to add the following environment variables to your .env file.

MONGO_DB=your_mongodb_uri
PORT=your_preferred_port
ORIGIN="http://localhost:5173"

Run Locally

Clone the project

git clone https://github.com/yourusername/yourprojectname.git

Go to the project directory

cd yourprojectname

Install dependencies

npm install

Start the server

npm start

Running Frontend

Navigate to the frontend directory, install dependencies, and start the development server:

cd frontend
npm install
npm run dev

Usage

Login

DashBoard

Send money

Acknowledgements

Thanks to all testers of the project. Special thanks to Harkirat Sir for his invaluable guidance.

rahulsainlll/Xpay