📱 Payoo Mobile App

A modern and responsive mobile banking web application, built with Tailwind CSS, DaisyUI, and vanilla JavaScript.
It features secure login, add money, cash out, transfer, bill payments, bonuses, and transaction tracking — providing a smooth and interactive user experience.

---

🚀 Live Demo

🌐 View Payoo App (https://antor-chowdhury.github.io/Payoo-Mobile-Bank/)

---

📑 Table of Contents

• ✨ Features
• 🛠️ Technologies Used
• ⚡ Getting Started
  • Prerequisites
  • Installation
• 📂 Project Structure
• 🙏 Acknowledgments

---

✨ Features

• 🔐 Secure Login System – Mobile number & 4-digit PIN authentication.
• 💰 Add Money – Transfer funds from bank to wallet.
• 💸 Cash Out – Withdraw money to agent numbers.
• 🔄 Transfer Money – Send money instantly to other users.
• 🎁 Get Bonus – Apply coupons for cashback/bonus.
• 🧾 Pay Bill – Utility & banking bill payments.
• 📊 Transaction History – View all past transactions with details.
• 🎨 Modern UI/UX – Clean design using Tailwind CSS + DaisyUI.
• 📱 Responsive Layout – Works seamlessly across mobile, tablet, and desktop.

---

🛠️ Technologies Used

• HTML5 – Core structure.
• CSS3 – Custom styling.
• Tailwind CSS + DaisyUI – Utility-first & component-based design system.
• JavaScript (Vanilla) – Interactive functionalities.
• Font Awesome – Icon library.

---

⚡ Getting Started

Follow these steps to set up the project locally:

Prerequisites

• A modern web browser (Chrome, Firefox, Edge, Safari).

Installation

1. Clone the repository:

   git clone https://github.com/Antor-Chowdhury/Payoo-Mobile-Bank.git

2. Navigate to the project folder:

   cd payoo-app

3. Open the index.html file in your browser.

📝 Demo Login

• For testing the application, use the following demo credentials:

📱 Mobile Number: 12345678901
🔒 PIN: 1234

📂 Project Structure

├── 📄 index.html             # Login Page
├── 📄 home.html              # Main Dashboard
├── 📁 assets/                # Images & Icons
│   ├── 🖼 bg.png
│   ├── 🖼 Group.png
│   ├── 🖼 wallet1.png
│   ├── 🖼 send1.png
│   ├── 🖼 money1.png
│   ├── 🖼 bonus1.png
│   ├── 🖼 purse1.png
│   ├── 🖼 transaction1.png
│   └── 🖼 favicon.png
├── 📁 styles/
│   └── 🎨 style.css          # Custom CSS
├── 📁 scipt/                 # JavaScript files
│   ├── ⚡ script.js           # Login logic
│   └── ⚡ home.js             # Dashboard logic
└── 📄 README.md              # Project Documentation