Skip to content

avanish460/payTM

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

7 Commits
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Build a basic version of PayTM

PayTM Clone

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.

🛠 Features

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

🚀 Technologies Used

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

📂 Project Structure

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

🖥️ Setup Instructions

Prerequisites

  • Node.js and npm (or yarn)
  • MongoDB installed and running locally or on a cloud platform (e.g., MongoDB Atlas)

Steps

  1. Clone the Repository

    bash

    git clone https://github.com/avanish460/payTM.git
    cd payTM
    
    
  2. Install Dependencies

    • For the client (React frontend):

      bash

      cd client
      npm install
      
      
    • For the server (Node.js backend):

      bash

      cd server
      npm install
      
      
  3. Configure Environment Variables Create a .env file in the server directory and set the following variables:

    env

    MONGO_URI=<your-mongodb-connection-string>
    JWT_SECRET=<your-jwt-secret>
    PORT=3000
    
    
  4. Run the Application

    • Start the backend server:

      bash

      cd server
      npm index.js
      
      
    • Start the frontend development server:

      bash

      cd client
      npm run dev
      
      
  5. Build for Production

    • Build the React app for production:

      bash

      cd client
      npm run build
      
      

🤝 Contributing

Contributions are welcome! Feel free to fork the repository and submit pull requests.

Steps to Contribute:

  1. Fork the repository.
  2. Create a branch for your feature or bug fix.
  3. Commit your changes and push to your branch.
  4. Submit a pull request explaining your changes.

📜 License

This project is licensed under the MIT License.

💬 Contact

If you have any questions or suggestions, feel free to contact the repository owner:



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!

About

No description, website, or topics provided.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors

Languages