Skip to content

AlphaPay Frontend is a mobile-focused React.js Single Page Application for secure digital payments. It allows users to register, log in, scan QR codes, send payments, and view transaction history. It connects to the backend via REST APIs and uses JWT authentication to protect user sessions and routes.

License

Notifications You must be signed in to change notification settings

punit-dev/AlphaPay-frontend

Repository files navigation

AlphaPay Frontend 💳

AlphaPay Frontend is a mobile-focused React.js Single Page Application for secure digital payments. It allows users to register, log in, scan QR codes, send payments, and view transaction history.

🚀 Features

  • User Registration & Login
  • JWT Authentication
  • Protected Routes
  • QR Code Generation & Scanning
  • Send Payments (UPI-based)
  • Transaction History
  • Mobile-Optimized UI

🛠️ Tech Stack

  • React.js
  • Redux Toolkit
  • React Router
  • Axios
  • Tailwind CSS / CSS

🔗 Backend Repository

This frontend connects to the AlphaPay Backend built with Node.js, Express.js, and MongoDB.

👉 Backend Repo: https://github.com/punit-dev/AlphaPay-backend

📡 API Integration

The frontend communicates with custom REST APIs for:

  • Authentication API (Register/Login)
  • User Profile API
  • Payment API
  • Transaction API
  • QR Processing API

All APIs are secured using JWT-based authentication.

📱 Platform

⚠️ Designed for mobile screens only.


⚙️ Installation

git clone https://github.com/punit-dev/AlphaPay-frontend
cd alphapay-frontend
npm install
npm start

Made with by Punit Poddar

About

AlphaPay Frontend is a mobile-focused React.js Single Page Application for secure digital payments. It allows users to register, log in, scan QR codes, send payments, and view transaction history. It connects to the backend via REST APIs and uses JWT authentication to protect user sessions and routes.

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Languages