- Developed a full-stack expense tracking web application using Spring Boot, React.js, and MySQL, facilitating seamless management of day-to-day finances.
- Implemented multi-role functionality with user authentication, enabling secure access for both users and administrators, with features such as sign-in, sign-up, password reset, and email verification.
- Developed intuitive user dashboards, transaction management, upcoming/recurring transactions tracking, monthly summaries, and statistics, budget management.
- Developed categories, users and transactions management for administrators.
- Implemented management capabilities including search, filter and pagination.
-
Fork the repository to your GitHub account.
-
Clone the forked repository to your local machine.
git clone https://github.com/<your-username>/Fullstack-Expense-Tracker
- Configure the following credentials in the
application.properties
file.
spring.datasource.url=jdbc:mysql://localhost:3306/YOUR_DATABASE_NAME
spring.datasource.username=YOUR_USERNAME
spring.datasource.password=YOUR_PASSWORD
spring.mail.username=YOUR_USERNAME
spring.mail.password=YOUR_PASSWORD
- Run the backend application. It will automatically create the required tables.
- Add some custom data manually in the categories table for both type
expense
andincome
. - To start as admin, Insert a new user manually with role admin in
users
table.
- Navigate to frontend direcory.
cd ./frontend
- Install dependencies.
npm install
- Run the app.
npm start
Access the application at http://localhost:3000/
.
To get started create a new account using your email.
Users's stuff
Admin's stuff