PaySnap

PaySnap - Snap into the Future of Payments.

Introduction

PaySnap is a robust digital payment processing platform built on a modern JavaScript stack (Next.js, Adonis.js, React, MySQL). It provides a multi-tiered system with distinct functionalities for customers, merchants, and agents. Customers can manage funds through various operations, including deposits, withdrawals, currency exchange, utility payments, and investments, and utilize virtual cards across supported currencies and regions. Merchants can receive payments, generate invoices, and integrate PaySnap into their websites for streamlined online transactions. Agents facilitate deposits and withdrawals while earning commissions. The platform includes comprehensive KYC verification, customer support, and a powerful admin panel for managing payment gateways, plugins, and withdrawal methods.

Key Features

Wallets
Virtual Cards
Dashboard
Quick Send
Real-time Notifications
Deposit Funds
Withdraw Funds
Money Transfers
Currency Exchange
Payments
Utility Bill Payments
Investments
Referral Program
Transaction & Investment History
Contacts & Favorites
QR Code Payments
Website Integration
Deposit & Withdrawal Requests
Multi-language Support
Advanced Commission & Fee System
Bulk Communication

Folder Structure

'PaySnap' is bundled with folders:
- Source
- Main
- Documentation

System Requirements

You will need to make sure your server meets the following requirements before installing the application:

VPS Server or cPanel (NodeJS Support) [2 GB Ram, 1 Core CPU]
NodeJS >= 20.6
MySQL >= 8.0
Terminal Access

Installation Steps

After purchasing the script, you will receive a zip file containing main.zip and source.zip. Extract the main.zip file into your server root directory (VPS). Follow the steps below to install the application:

Linux VPS:

Login to your VPS Server using SSH or Putty and install aaPanel using the command below:
URL=https://www.aapanel.com/script/install_7.0_en.sh && if [ -f /usr/bin/curl ];then curl -ksSO "$URL" ;else wget --no-check-certificate -O install_7.0_en.sh "$URL";fi;bash install_7.0_en.sh aapanel aapanel
After installation follow the guideline and login to the web panel of aaPanel.
Select the LNMP Stack and select MySQL version > 8.0.
After finishing the installation create a new database.
Use the PHPMyAdmin to access your database and click "Import".
Find the db.sql from Main folder and import it into your database.
Go to "App Store" and install NodeJS > v20.6.
Go to "Files" and create a new folder named paysnap then upload main.zip in that folder and extract.
Open backend folder inside paysnap and then open .env file into editor.
Fill in DB_HOST, DB_USER, DB_PASSWORD, DB_DATABASE, SMTP_USERNAME, SMTP_PASSWORD, SMTP_HOST and SMTP_PORT according to your created database and SMTP server and save the file.
Go to "Website > Node Project" and click on Add Node project and select your the backend folder from path inside paynsnap folder that you created earlier.
Give a name and put 8000 in the port.
Add your domain name like api.yoursite.com.
Click "Confirm" and wait for the modules to be installed.
Go to "Files" again and open the frontend folder and edit the .env.local file.
Fill in NEXT_PUBLIC_APP_URL to your site domain (Example: https://yoursite.com) and NEXT_PUBLIC_API_URL to the previously created site domain (Example: https://api.yoursite.com) then save the file.
Again Go to "Website > Node Project" and click on Add Node project and select your the frontend folder from path inside paynsnap folder that you created earlier.
Give a name and put 3000 in the port.
Click "Confirm" and wait for the modules to be installed.
Now visit your site.

Credentials

Visit: https://yoursite.com/signin

Two-step verification OTP: 1111

Admin: email admin@test.com, password 12345678
Customer: email customer@test.com, password 12345678
Merchant: email merchant@test.com, password 12345678
Agent: email agent@test.com, password 12345678

Overview

Signin Page

Visit: https://yoursite.com/signin

From the signin page, you can sign in as a customer, admin, merchant, or agent (Credentials). Each role has its own permissions and features.

Admin Panel -

Dashboard

This is the dashboard of the admin panel where you will get an overview of key statistics, analytics, and detailed transaction histories.

Customer Panel -

Dashboard

This is the dashboard of the customer panel where you will get a clear view of your wallets, balances, recent transactions, and referrals at a glance.

Merchant -

Dashboard

This is the dashboard of the merchant panel where you will get a clear view of your wallets, balances, recent transactions, and referrals at a glance.

Agent panel -

Dashboard

This is the dashboard of the agent panel where you can monitor earnings, deposit and withdrawal requests, and overall performance.

Customer

Dashboard

This is the dashboard of the customer panel where you will get a clear view of your wallets, balances, recent transactions, and referrals at a glance.

Deposit

From the deposit page, you can deposit funds into your wallet using a variety of payment gateways, including PayPal, Stripe, Razorpay, CoinGate, Mollie, Flutterwave, Coinbase, Wave, Perfect Money, MTN, Orange Money, TMoney, Moov Money, NOWPayments, bKash, Paystack, Cashfree Payments, Payfast.

Transfer

From the transfer page, you can transfer funds to other users by entering their email address and the amount you wish to transfer.

Withdraw

From the withdraw page, you can easily withdraw money using supported payment gateways or through PaySnap agents.

Exchange

From the exchange page, you can exchange funds between different currencies. You can select the currency you want to exchange from and the currency you want to exchange to, and enter the amount you wish to exchange.

Payment

From the payment page, you can pay merchants directly to their accounts or through their integrated PaySnap payment gateways.

Services

The services page displays recharge your mobile phone or pay electricity and other bills quickly and securely.

Cards

The cards page displays all the cards you have added to your account. You can add new cards, delete cards, and view card details.

Investments

The investments page displays all the investments you have made. You can view the investment details, add new investments.

Transaction History

The transaction history page displays all the transactions you have made. You can filter the transactions by date, type. You can also search for transactions. You can view the transaction details and download the transaction history.

Investments History

The investments history page displays all the investments you have made. You can search for investments.

Favorites

The favorites page displays all the favorites you have made. You can search for favorites. You can remove the favorite.

Contacts

The contacts page displays all the contacts you have save. You can search for contacts. You can delete contacts.

Wallets

The wallet page displays all the wallets you have. You can add new wallets, delete wallets.

Referral

The referral page displays your referral link, your referral earning, and the people you have referred.

Settings

The settings page allows you to customize your account settings. You can verify your KYC, change your password, and update your profile. You can also check your login sessions.

Contact Support

The contact support page allows you to contact the support team for any queries or issues you may have.

Merchant

Key features

There are additional features available for merchants to manage their business. But the key features are similar to the customer panel. The merchant panel includes the following features:

Wallets
Virtual Cards
Dashboard
Quick Send
Real-time Notifications
Deposit Funds
Withdraw Funds
Money Transfers
Currency Exchange
Payments
Utility Bill Payments
Investments
Referral Program
Transaction & Investment History
Contacts & Favorites
Payment Acceptance
Payment Requests
QR Code Payments
Website Integration

Dashboard

This is the dashboard of the merchant panel where you will get a clear view of your wallets, balances, recent transactions, QR Code, and referrals at a glance.

Merchant transaction

The merchant transaction page displays all the transactions you have made.

Payment Request

The payment request page allows you to request payments from customers. You can enter the amount, description, and payment method to request payment. You can also view the payment request history.

Settings

The payment request page allows you to request payments from customers. You can enter the amount, description, and payment method to request payment. You can also view the payment request history.

Agent

Key features

There are additional features available for agent to manage their business. But some key features are similar to the customer panel. The agent panel includes the following features:

Wallets
Virtual Cards
Dashboard
Real-time Notifications
Deposit Funds
Deposit to Customer
Deposit Request
Withdraw Funds
Withdraw Request
Settlements
Currency Exchange
Investments
Referral Program
Transaction & Investment History
Contacts

Dashboard

This is the dashboard of the agent panel where you can monitor earnings, deposit and withdrawal requests, and overall performance.

Deposit to Customer

The deposit to customer page allows you to deposit funds to a customer's account. You can enter the customer's email address and the amount you wish to deposit.

Deposit Request

In deposit request page, you can see deposit requests from customers. You can view, approve, and reject deposit requests.

Withdraw Request

In withdraw request page, you can see withdrawal request from customers. You can view, approve, and reject withdrawal requests.

Settings

The settings page allows you to customize your account settings. You can verify your KYC, change your password, update charges and commissions, control methods, and update your profile. You can also check your login sessions.

Admin

Dashboard

This is the dashboard of the admin panel where you can view key statistics, analytics, and detailed transaction histories.

Deposits

The deposits page displays all the deposits made by customers. You can view the deposit details, approve, and reject deposits.

Deposit Single Page

The deposit single page displays the details of a single deposit made by a customer. You can view the deposit details, approve, and reject the deposit.

Transfer

The transfer page displays all the transfers made by customers. You can view the transfer details, approve, and reject transfers.

Transfer Single Page

The transfer single page displays the details of a single transfer made by a customer. You can view the transfer details, approve, and reject the transfer.

Withdraw

The withdraw page displays all the withdrawals made by customers. You can view the withdrawal details, approve, and reject withdrawals.

Withdraw Single Page

The withdraw single page displays the details of a single withdraw made by a customer. You can view the withdraw details, approve, and reject the withdraw.

Exchange

The exchange page displays all the exchanges made by customers. You can view the exchange details, approve, and reject exchanges.

Exchange Single Page

The exchange single page displays the details of a single exchange made by a customer. You can view the exchange details, approve, and reject the exchange.

Payments

The payments page displays all the payments made by customers. You can view the payment details.

Payment Single Page

The payment single page displays the details of a single payment made by a customer. You can view the payment details.

Cards

The cards page displays all the cards added by customers. You can delete cards and view card details.

Investments

The investments page displays all the investments made by customers. You can take actions on investments. You can also manage investments, create a new investment plan, edit a plan, and delete a plan.

Customers

The customers page displays all the customers registered on the platform. You can view customer details, edit customer details, and delete customers.

Customer Single Page

The customer single page displays the details of a single customer. You can view the customer details, edit the customer details, and delete the customer. You can also convert a customer to a merchant or agent. You can also view the customer's transactions, investments. You can also control a customers permission.

Merchant

The merchants page displays all the merchants registered on the platform. You can view merchant details, edit merchant details, and delete merchants.

Merchant Single Page

The merchant single page displays the details of a single merchant. You can view the merchant details, edit the merchant details, and delete the merchant. You can also view the merchant's transactions, investments. You can suspend a merchant.

Agent

The agents page displays all the agents registered on the platform. You can view agent details, edit agent details, and delete agents.

Agent Single Page

The agent single page displays the details of a single agent. You can view the agent details, edit the agent details, and delete the agent. You can also view the agent's transactions, investments. You can suspend or recommend an agent.

Staffs

The staffs page displays all the staffs registered on the platform. You can view staff details, edit staff details, and delete staffs.

Settings

The settings page allows you to customize your account settings. You can create a new deposit method, edit a deposit method. In the same way you can also create a new withdraw method, edit a withdraw method. From the plugins tab you can control the plugins. You can also control all the services from the services tab. From the currency tab you can add a new currency to the app. And you can customize the size of the logo, favicon, and the name app, etc. from the site settings. You can also check the login sessions.