Skip to content

om272004/payment-app

Folders and files

NameName
Last commit message
Last commit date

Latest commit

Β 

History

4 Commits
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 

Repository files navigation

πŸ’Έ Payment Transfer App

A full-stack MERN app for transferring money between users with real-time balance updates, user search, and transaction history.

βœ… Built with React + Tailwind (frontend) and Node.js + Express + MongoDB (backend)


✨ Features

  • πŸ” JWT-based authentication (sign up, sign in, logout)
  • πŸ’° Real-time balance fetch
  • πŸ“€ Send money between users with validation
  • πŸ” Search users by name
  • πŸ“œ Transaction history log
  • πŸ”„ Protected routes using middleware

πŸš€ Tech Stack

Frontend

  • React (Vite)
  • TailwindCSS
  • Axios + React Router

Backend

  • Express.js
  • Mongoose
  • MongoDB
  • Bcrypt + JWT
  • Zod for validation

πŸ›  Run Locally

1. Clone the repo

git clone https://github.com/your-username/payment-app.git
cd payment-app

2. Setup backend

cd backend
npm install
# Add your Mongo URI & JWT_SECRET in config.js
node index.js

3. Setup frontend

cd frontend
npm install
npm run dev

🧠 Learnings

My first full-stack React + Node.js project!

  • Understood the MERN stack end to end
  • Created RESTful APIs with Zod validation & middleware auth
  • Implemented real-time UI updates using Axios
  • Designed responsive, reusable components in React + Tailwind
  • Learned JWT token handling for login state

πŸ“’ Author

Om Shimpi

Let’s connect and build cool stuff together:
πŸ”— LinkedIn | πŸ’Ό Open to SDE Internships & Freelance Projects

About

No description, website, or topics provided.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Contributors 2

  •  
  •