Welcome to the Day-to-Day Expense Tracker, a web application designed to help you keep track of your daily expenses effortlessly. This application is built using React for the frontend and Spring Boot for the backend, with MySQL as the database.
- User Authentication: Register and log in to manage your expenses securely.
- Expense Management: Add, update, and delete your daily expenses.
- Expense Categories: Organize your expenses into categories for better tracking.
- Frontend: React.js
- Backend: Spring Boot
- Database: MySQL
- Version Control: Git
- Node.js and npm installed on your machine
- Java Development Kit (JDK) 17 install
- MySQL database installed and running
- Maven installed
-
Clone the repository:
git clone https://github.com/pasanchamikara99/finance_tracker.git cd expense-tracker
-
Setup the Backend:
a. Navigate to the backend directory:
cd backend
b. Update application.properties with your MySQL configuration:
spring.datasource.url=jdbc:mysql://localhost:3306/expense_tracker spring.datasource.username=your-username spring.datasource.password=your-password spring.jpa.hibernate.ddl-auto=update
c. Build and run the Spring Boot application:
mvn clean install mvn spring-boot:run
-
Setup the Frontend:
a. Navigate to the frontend directory:
cd frontend
b. Install the dependencies:
npm install
c. Start the React development server:
npm run dev
-
Access the Application:
Open your browser and navigate to http://localhost:3000.
- Register: Create a new account to start tracking your expenses.
- Login: Log in with your credentials.
- Add Expense: Add new expenses with details such as amount, category, and description.
- View Expenses: View all your expenses in a list and get a summary.