Skip to content

Developed a full-stack expense tracking web application using Spring Boot, React.js, and MySQL, facilitating seamless management of day-to-day finances.

Notifications You must be signed in to change notification settings

DharshiBalasubramaniyam/Fullstack-Expense-Tracker

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

26 Commits
 
 
 
 
 
 

Repository files navigation

🌟 My Wallet - Expense tracking app 🌟

Static Badge Static Badge Static Badge Static Badge Static Badge

Table of contents

  1. Descripiton
  2. How to run?
  3. Screenshots

Description

  • 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.

How to run?

Step 1: Fork and Clone the Repository

  1. Fork the repository to your GitHub account.

  2. Clone the forked repository to your local machine.

git clone https://github.com/<your-username>/Fullstack-Expense-Tracker

Step 2: Setting up e-mail and database configurations

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

Step 3: Run the backend.

  • Run the backend application. It will automatically create the required tables.
  • Add some custom data manually in the categories table for both type expense and income.
  • To start as admin, Insert a new user manually with role admin in users table.

Step 4: Run the frontend

  1. Navigate to frontend direcory.
cd ./frontend
  1. Install dependencies.
npm install
  1. Run the app.
npm start

Access the application at http://localhost:3000/. To get started create a new account using your email.

Screenshots

Screenshot 2024-04-18 091658 Screenshot 2024-04-18 091720 Screenshot 2024-04-18 091743 Screenshot 2024-04-18 091803

Users's stuff

Screenshot 2024-04-22 153501 Screenshot 2024-04-22 153536 Screenshot 2024-04-22 153556 Screenshot 2024-04-22 153622 Screenshot 2024-04-22 154204 Screenshot 2024-04-22 154244 Screenshot 2024-04-22 154301

Admin's stuff

Screenshot 2024-04-18 092245 Screenshot 2024-04-18 092306 Screenshot 2024-04-18 092325 Screenshot 2024-04-18 092342 Screenshot 2024-04-18 092805 Screenshot 2024-04-18 092822

About

Developed a full-stack expense tracking web application using Spring Boot, React.js, and MySQL, facilitating seamless management of day-to-day finances.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published