A full-stack web application that helps you track your finances. You can add, edit, and delete transactions to manage both income and expense records. The app is responsive, so it works smoothly on both desktop and mobile devices. Built with HTML, CSS, JavaScript, Bootstrap, MySQL, and PHP.
https://drive.google.com/file/d/1zOWsi7jQCVbzGqryi4eOY65X6LACZpXT/view?usp=drivesdk
- Add Transaction: Add income and expense records with details like amount, category, and date.
- Edit Transaction: Edit existing transactions as needed.
- Delete Transaction: Remove any transaction.
- Track Your Money: View your transaction history in a neat and organized list.
- Responsive Design: Designed to work across desktop, tablet, and mobile devices.
- Frontend:
- HTML
- CSS
- JavaScript
- Bootstrap (for responsive design)
- Backend:
- PHP
- MySQL (for database management)
- Install XAMPP (includes Apache and MySQL) on your machine.
- Download or clone this repository to your local machine.
- Place the Backend files (like
add_transactions.php,db.php,delete_transactions.php, etc.) in thehtdocsdirectory of your XAMPP installation. - Open the XAMPP Control Panel, and start the Apache and MySQL services.
- Create a MySQL database and tables as required. You can refer to the schema in
db.phpor other included files. - Update the
db.phpfile with your MySQL credentials (username and password).
- After setting up the backend, open the frontend folder.
- You can open the userLogin.html file directly in your browser or configure a local server.
- Start Apache and MySQL from the XAMPP Control Panel.
- Open your browser and go to http://localhost/expense-tracker/frontend/userLogin.html to access the application.
- Use the following credentials to test:
- Email:
user@test.com - Password:
user
- Email:
- You can now add, edit, or delete transactions and track your finances.
