tanishkadeep / payZap

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

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