/payZap

⚡An end-to-end Paytm wallet clone built with MERN stack.

Primary LanguageJavaScript

PayZap

PayZap is an end-to-end payment wallet clone built using the MERN stack (MongoDB, Express.js, React.js, Node.js). It allows users to sign up, sign in, view their dashboard, and conduct money transfers with real-time balance updates.

Setup

Backend

  1. Navigate to the backend directory - cd backend
  2. Install dependencies by running npm install.
  3. Create a .env file and add your MongoDB connection URL. Example: MONGODB_URI=your_mongodb_connection_url.
  4. Start the backend server by running node index.js.

Frontend

  1. Navigate to the frontend directory - cd frontend
  2. Install dependencies by running npm install.
  3. Start the frontend development server by running npm run dev.

Technologies Used

  • MongoDB: Database for storing user information and account balances.
  • Express.js: Backend framework for handling API requests.
  • React.js: Frontend library for building user interfaces.
  • Node.js: JavaScript runtime environment for running the backend server.
  • Vite: Build tool used for setting up the project quickly.
  • JWT: JSON Web Token for user authentication.
  • Axios: HTTP client for making API calls.
  • Tailwind CSS: Utility-first CSS framework for styling the frontend.
  • React Router DOM: Library for declarative routing in React applications.

Screenshots

1

2

3

4