PhonePe Clone (Frontend)

A responsive React + Vite frontend inspired by PhonePe, featuring authentication screens, wallet views, transactions, and send/scan flows.

Tech Stack

• React 19
• Vite 7
• React Router
• Tailwind CSS
• Axios
• Moment
• Lucide React
• React Hot Toast

Project Structure

src/
	components/
		FooterNav.jsx
		Header.jsx
		Layout.jsx
		WalletBalance.jsx
	pages/
		History.jsx
		Home.jsx
		Login.jsx
		MyMoney.jsx
		Register.jsx
		Scan.jsx
		SendMoney.jsx
	App.jsx
	main.jsx
	index.css

Getting Started

Prerequisites

• Node.js 18+ (recommended)
• npm or pnpm

Install

npm install

Run Dev Server

npm run dev

Build for Production

npm run build

Preview Production Build

npm run preview

Routes

• / - Home
• /login - Login
• /register - Register
• /scan - Scan
• /send - Send Money
• /history - History
• /my-money - My Money

Notes

• This project focuses on frontend UI and navigation. Connect your own API endpoints in axios calls as needed.
• Tailwind CSS is configured via Vite plugin.

Scripts

• npm run dev - Start the development server
• npm run build - Build for production
• npm run preview - Preview the production build
• npm run lint - Run ESLint