The Expense Tracker App is a web-based application designed to help users monitor their incomes and expenses. It provides detailed insights into financial activities using Chart.js to display data in an easy-to-understand graphical format.

• Track both incomes and expenses
• Categorize transactions (e.g., Groceries, Health, Education, etc.)
• Visualize spending patterns with interactive graphs and charts
• User-friendly interface built with Zorro UI components
• Secure and scalable backend with MySQL database

• Frontend: Angular with Ng Zorro UI Library
• Backend: Spring Boot
• Database: MySQL
• Graphs: Chart.js

• Frontend: Developed using Angular with modular architecture.
• Backend: A RESTful API built with Spring Boot for handling server-side logic.
• Database: MySQL for storing user information, transactions, and category data.

Before you begin, ensure you have met the following requirements:

• You have installed Node.js and Angular CLI.
• You have installed MySQL for database management.

1. Clone the repository:

   git clone https://github.com/andreivas24/ExpenseTracker.git
   cd expenseTrackerWeb
   

2. Install dependencies for both frontend and backend:

   npm install

3. Set up the MySQL database:

   DB_HOST=localhost
   DB_USER=root
   DB_PASS=yourpassword
   DB_NAME=expense_tracker_db
   

4. Configure environment variables for the backend in backend/.env:

   • Create a new database expense_tracker_db.
   • Run the SQL scripts provided in /database/setup.sql to create the necessary tables.

5. Start the development server:

   ng serve
   

6. Navigate to http://localhost:4200 to see the application in action.