Live Site: https://incandescent-dasik-fc131f.netlify.app/

📋 Project Overview BillManager is a comprehensive web application that simplifies utility bill management for users. It provides a secure and user-friendly platform to track, manage, and pay electricity, gas, water, and internet bills efficiently.

🛠️ Technology Stack Frontend: React.js - User Interface

Tailwind CSS - Styling & Design

React Router - Navigation

Lucide React - Icons

Swiper.js - Carousel/Slider

React Awesome Reveal - Animations

jsPDF - PDF Report Generation

Backend: Node.js - Runtime Environment

Express.js - Web Framework

MongoDB - Database

MongoDB Atlas - Cloud Database

CORS - Cross-Origin Resource Sharing

🚀 Key Features 📊 All-in-One Bill Management - Track electricity, gas, water, and internet bills in a single platform

💳 Secure Online Payments - Bank-level security with real-time payment processing

🔔 Smart Dashboard - User-friendly interface with category-wise organization

📄 Downloadable Reports - Generate and export PDF reports of payment history

👤 User Authentication - Secure login with personalized bill management

📱 Responsive Design - Works perfectly on all devices

🎯 Current Month Validation - Only allow payments for current month bills

📦 Project Dependencies
Frontend Dependencies:
json
{
"react": "^18.2.0",
"react-dom": "^18.2.0",
"react-router-dom": "^6.8.0",
"tailwindcss": "^3.3.0",
"lucide-react": "^0.263.1",
"swiper": "^10.0.4",
"react-awesome-reveal": "^4.2.4",
"jspdf": "^2.5.1"
}

Backend Dependencies:
json
{
"express": "^4.18.2",
"mongodb": "^5.7.0",
"cors": "^2.8.5",
"dotenv": "^16.1.4"
}

🏃‍♂️ Local Development Setup Prerequisites: Node.js (v16 or higher)

MongoDB (Local or Atlas)

Git

Installation & Running:
Clone the repository

bash git clone https://github.com/your-username/billmanager.git
cd billmanager

Frontend Setup

bash

Navigate to client directory

cd client

Install dependencies

npm install

Start development server

npm run dev
Frontend will run on: http://localhost:5173