This repository hosts a project that replicates functionalities of PayTM, a popular digital payment platform. The project is built using the MERN stack (MongoDB, Express.js, React, Node.js) and styled with Tailwind CSS for efficient and responsive design.
- User Authentication: Secure login and registration system.
- Payment Gateway: Simulated payment transactions with ease.
- Wallet Management: Add money, view balance, and manage transactions.
- Responsive UI: Optimized for various devices (desktop, tablet, mobile).
- Frontend: React.js with Tailwind CSS.
- Backend: Node.js with Express.js.
- Database: MongoDB for storing user and transaction data.
- State Management: React Context API or Redux (mention if used).
- Others: Additional libraries for routing, form validation, API calls, vite(frontend build tool) and Postman for API testing.
payTM/
├── client/ # React frontend
│ ├── src/
│ │ ├── components/
│ │ ├── pages/
│ │ ├── context/
│ │ ├── utils/
│ │ └── styles/
├── server/ # Node.js backend
│ ├── routes/
│ ├── controllers/
│ ├── models/
│ ├── middleware/
│ └── config/
├── public/ # Static assets
│ ├── index.html
│ └── assets/
├── package.json
└── README.md
- Node.js and npm (or yarn)
- MongoDB installed and running locally or on a cloud platform (e.g., MongoDB Atlas)
-
Clone the Repository
bash
git clone https://github.com/avanish460/payTM.git cd payTM -
Install Dependencies
-
For the client (React frontend):
bash
cd client npm install -
For the server (Node.js backend):
bash
cd server npm install
-
-
Configure Environment Variables Create a
.envfile in theserverdirectory and set the following variables:env
MONGO_URI=<your-mongodb-connection-string> JWT_SECRET=<your-jwt-secret> PORT=3000 -
Run the Application
-
Start the backend server:
bash
cd server npm index.js -
Start the frontend development server:
bash
cd client npm run dev
-
-
Build for Production
-
Build the React app for production:
bash
cd client npm run build
-
Contributions are welcome! Feel free to fork the repository and submit pull requests.
- Fork the repository.
- Create a branch for your feature or bug fix.
- Commit your changes and push to your branch.
- Submit a pull request explaining your changes.
This project is licensed under the MIT License.
If you have any questions or suggestions, feel free to contact the repository owner:
- GitHub: avanish460
This updated README includes the MERN stack, Tailwind CSS, and the setup instructions to run both the backend and frontend. Let me know if you'd like any further adjustments!