Ravi879/BudgetManager-React-Spring-Boot

BudgetManager

This is a simple web application to track daily incomes and expenses, where user can sign up, sign in, add, remove or edit the income or expense details.

For Live Demo, Click here.

Screenshot

1. Homepage

2. Sign in

3. Dashboard

Features

• sign up, sign in
• email verification, forgot password
• responsive web design
• pagination
• secured REST end points
• jwt token based authentication
• CRUD operations

Built With

• React.js 16
• Bootstrap 4
• Spring Boot 2.3.0
• MySQL

Prerequisites

• Maven
• Node package manager(npm)
• MySQL Workbench (click here for download)

Open and Run Project

For Database:

1. open MySQL Workbench.
2. create a new database named as "db_budget_manager".

For Spring Boot application:

1. open application.properties and replace all "TODO" with your configuration.
2. open command prompt in spring-boot directory.
3. run command "mvn install".
4. run command "mvn spring-boot:run".

For React.js application:

1. open command prompt in react-js directory.
2. run command "npm install".
3. run command "npm start".

RESTful API

Secure Route: /api/items/**

1. API Description for User related action
base = /api

METHOD	PATH	DESCRIPTION
POST	/register	new user registration
POST	/login	user login
GET	/email-verification	verifying email address
POST	/request-password-reset	sending password reset link to registered email
POST	/password-reset	reset the password

2. API Description for Item(Income or Expense)
base = /api/items

METHOD	PATH	DESCRIPTION
GET	/	get all items
POST	/{category}	create new item
PUT	/{category}/{id}	update item
DELETE	/{category}/{id}	delete item

{category} = income OR expense

License

• This project is licensed under the MIT license.

Support

Please feel free to submit issues with any bugs or other unforeseen issues you experience.

Author

• Ravi Gadhiya
  

Thanks

I'm always happy to hear your feedback! 😊