Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/sy-mansoor/payx-digital-payments-wallet
PayX is a modern digital payment wallet built with the MERN stack that enables users to manage their finances and perform transactions seamlessly. This full-stack application demonstrates secure payment processing, real-time updates, and user-friendly financial management.
https://github.com/sy-mansoor/payx-digital-payments-wallet
mern mern-project mongodb mongodb-atlas net nextjs reactjs
Last synced: 12 days ago
JSON representation
PayX is a modern digital payment wallet built with the MERN stack that enables users to manage their finances and perform transactions seamlessly. This full-stack application demonstrates secure payment processing, real-time updates, and user-friendly financial management.
- Host: GitHub
- URL: https://github.com/sy-mansoor/payx-digital-payments-wallet
- Owner: sy-mansoor
- Created: 2025-01-15T17:45:29.000Z (17 days ago)
- Default Branch: main
- Last Pushed: 2025-01-16T10:39:13.000Z (16 days ago)
- Last Synced: 2025-01-16T12:03:16.661Z (16 days ago)
- Topics: mern, mern-project, mongodb, mongodb-atlas, net, nextjs, reactjs
- Language: JavaScript
- Homepage:
- Size: 77.7 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# PayX-Digital Payments Wallet
The PayX is a Full-Stack Online wallet application created with the [MERN stack](https://www.geeksforgeeks.org/mern-stack/) ([MongoDB-Atlas](https://www.mongodb.com/cloud/atlas/register), [Express](https://expressjs.com/), [React](https://react.dev/), and [Node.js](https://nodejs.org/en)) that enables users to send and receive money, check their balance, and make payments. For managing transactions and learning more about spending patterns, it offers an intuitive user interface.
## Screenshots
## Features
- User Login
- User Register
- User Logout
- User Dashboard
- Profile Update
- Send Money
- Receive Money
- Money Request
- View Sent Transactions
- View Received Transactions
- View Money Requests Send From other Users
- Accept Money Request and Pay the Amount
## Tech Stack
**Front-end:** React is used to create the user interface.js was initialised with the help of Next.js, a well-known JavaScript package for creating dynamic websites.
**Server:** The server-side of the application is built with Node.js and Express.js, providing a scalable and robust foundation.
**Database:** MongoDB is utilized as the NoSQL database to store and retrieve financial data efficiently.
## Installation and Usage
To install and run the PayX Wallet Application locally, follow these steps:
## Step 1: Clone the repository
```
git clone https://github.com/sy-mansoor/PayX-Digital-Payments-Wallet.git
```
### Step 2: Install dependencies
Navigate to the project root and install the necessary dependencies for `root`, `frontend` and `backend`:
```
npm install
cd frontend
npm install
cd backend
npm install
```
after installation navigate to root and run:
```
npm run start
```
### Step 3: Configure the environment variables
- Create `.env` file in backend folder and add following variables
```
MONGO_URI = ""
JWT_SECRET =
```
## Contributing
Contributions are welcome! Please feel free to submit a Pull Request.
## Acknowledgements
Inspired by modern digital payment solutions
Built as part of learning MERN stack development
## Author
- [Syed Mansoor Ahmed](https://www.linkedin.com/in/symansoor/)