💰 Income Expense Visualizer

A responsive PHP & MySQL web application that helps users manage their personal income and expenses efficiently. The system provides authentication, transaction management, import/export functionality, and interactive financial visualizations.

---

📌 Features

• 🔐 User Registration & Login Authentication
• 💳 Add Income & Expense Records
• ✏️ Edit Existing Transactions
• ❌ Delete Transactions
• 📋 View Transaction Details
• 📊 Interactive Financial Visualizations
• 📤 Import & Export Data
• 🗄️ MySQL Database Integration
• 📱 Responsive User Interface

---

🛠️ Tech Stack

Frontend

• HTML5
• CSS3
• JavaScript

Backend

• PHP

Database

• MySQL

Server

• XAMPP / Apache

---

📂 Project Structure

Income-Expense-Visualizer/
│
├── assets/
│   ├── logo.png
│   ├── logo_dupli.png
│   ├── moneygrow_img.jpg
│   ├── quote_img.webp
│   └── visual_img.jpg
│
├── config.php
├── db.php
├── home.php
├── index.php
├── loginn.php
├── registration.php
├── logout.php
├── details.php
├── edit.php
├── delete.php
├── import-export.php
├── visuals.php
├── income.sql
└── README.md

---

🚀 Installation

Clone the Repository

git clone https://github.com/Coder-Yashika/Income-Expense-Visualizer.git

Move Project

Copy the project folder into

xampp/htdocs/

Import Database

• Open phpMyAdmin
• Create a database
• Import income.sql

Configure Database

Update the database credentials inside

config.php

Run the Project

Start

• Apache
• MySQL

Open

http://localhost/Income-Expense-Visualizer/

---

📸 Screenshots

Login Page

(Add Screenshot Here)

Dashboard

(Add Screenshot Here)

Income & Expense Visualizations

(Add Screenshot Here)

---

🎯 Future Enhancements

• Email Verification
• Monthly Reports
• Budget Planning
• AI Expense Prediction
• Expense Categories Analytics
• Dark Mode
• Mobile Application

---

live Demo Video

https://drive.google.com/file/d/1G16H5Z8Sc5nTzQyhZ5qP50I6JOPaq00a/view?usp=drivesdk

🤝 Contributing

Contributions are welcome!

1. Fork the repository
2. Create a new branch
3. Commit your changes
4. Push to your branch
5. Create a Pull Request

---

👩‍💻 Author

Yashika Bansal

B.Tech Computer Science Engineering

Swami Keshvanand Institute of Technology, Jaipur

GitHub: https://github.com/Coder-Yashika

---

⭐ Support

If you found this project useful, consider giving it a ⭐ on GitHub.