BillPay - Bill Payment Application

A modern web application for managing and paying utility bills with a beautiful UI and smooth user experience.

🔗 Live Demo

View Live Application

🌟 Key Features

• Authentication

  • Email/Password & Google login
  • Protected routes
  • Secure session management

• Bill Management

  • View and filter bills
  • Detailed bill information
  • Real-time payment processing
  • Payment history tracking

• User Experience

  • Responsive design
  • Beautiful animations
  • Toast notifications
  • Confetti celebrations

🛠️ Tech Stack

Frontend

• React.js
• React Router DOM
• Tailwind CSS
• DaisyUI
• Framer Motion
• React Icons
• React Hot Toast

Backend

• Firebase Authentication
• Firebase Hosting
• Local Storage

📦 NPM Packages

{
  "dependencies": {
    "react": "^18.2.0",
    "react-dom": "^18.2.0",
    "react-router-dom": "^6.x",
    "firebase": "^10.x",
    "tailwindcss": "^3.x",
    "daisyui": "^4.x",
    "framer-motion": "^10.x",
    "react-icons": "^4.x",
    "react-hot-toast": "^2.x"
  }
}

🚀 Quick Start

1. Clone & Install

   git clone https://github.com/tanvirrahmanaz/Bill-Pay
   cd bill-pay
   npm install

2. Firebase Setup

   • Create Firebase project
   • Enable Authentication
   • Update firebase.config.js

3. Run Development Server

   npm run dev

📱 Mobile Support

• Fully responsive design
• Touch-optimized interface
• Mobile-first approach
• Adaptive layouts

🔒 Security

• Protected routes
• Secure authentication
• Data validation
• Safe payment processing

👥 Author

• Tanvir Rahman

📝 License

MIT License