🏦 Online Banking System

✨ Description

The Online Banking System is a modern banking platform that provides users with a secure, intuitive, and full-featured digital banking experience. It enables users to manage their bank accounts, transfer funds, apply for cards, pay bills, and more, all within a user-friendly interface.

Built using Spring Boot for the backend, React for the frontend, and Google OAuth2 for secure authentication, this project ensures smooth and secure banking operations for the user.

🚀 Technologies Used

• Backend: Spring Boot, MySQL, JPA
• Frontend: React, Tailwind CSS, Flowbite, React Icons, Sweet Alerts
• Authentication: Google OAuth2
• Frontend Libraries: Protected Routes, Context API

📚 Features Overview

🔐 Secure Authentication

• Google OAuth2 Login: Users log in using Google OAuth2 for secure and seamless authentication.
• Protected Routes: Access to certain parts of the application is restricted until the user logs in.

🏦 Account Management

• Account Opening: First-time users are redirected to an account application form after login, where they fill out necessary information to create an account.
• Profile Page: View personal details filled during account creation.

💳 Bank Accounts

• Open New Accounts: Users can open different types of accounts, such as:

  • Current Account
  • Savings Account
  • Student Account
  • NRI Account
  • (Total of 8 account types supported)

• Account Details: View details of all opened accounts including:

  • Account Number
  • IFSC Code
  • Available Funds
  • Transaction Pin Setup (for future transactions)

💸 Fund Transfers

• Transfer Funds: Transfer money between self accounts or to other accounts by entering:
  • Amount
  • Transaction Pin
• Error Handling: The system validates the account details and ensures sufficient funds. If an error occurs (e.g., insufficient funds), it will display the error using Sweet Alerts.

💳 Card Management

• Apply for New Cards: Users can apply for various types of cards:

  • Credit Card
  • Debit Card
  • Gift Card
  • Virtual Card
  • (Total of 8 card types supported)

• Card Details: View details of applied cards including:

  • Card Number
  • CVV
  • Expiry Date
  • Available Funds
  • Transaction Pin setup or updates

🧾 Bill Payments

• Bill Payment Feature: Users can pay bills in categories like:

  • Water
  • Mobile
  • Electricity
  • Internet
  • (Total of 8 different billing categories)

• Payments can be made via both bank accounts and cards, requiring transaction pins for validation.

📜 Transaction History

• View Transaction History: Users can see a history of all transactions.
• Export Transactions: Download transaction history in PDF or CSV formats.

🔐 Logout

• Secure Logout: Logging out will terminate the session from both frontend and backend, ensuring complete security.

🛠️ Installation

To set up this project locally, follow the steps below:

Backend (Spring Boot)

Clone the repository:

git clone https://github.com/your-username/online-banking-system.git

Navigate to the project directory:

cd online-banking-system/backend

Set up the MySQL database: Create a MySQL database and configure the connection in application.properties. Set up the Google Oauth2: Create a google cloud account and configure the oauth setting and paste in application.properties.

Run the Spring Boot application:

mvn spring-boot:run

Frontend (React)

Navigate to the frontend directory:

cd ../frontend

Install dependencies:

npm install

Run the React application:

npm run dev

Access the application: Open your browser and navigate to http://localhost:3000.

🧩 Contributing

Contributions are welcome! If you'd like to contribute, please follow the steps below:

Fork the repository.

Create a new branch

git checkout -b feature/your-feature

Make your changes and Commit your changes

git commit -m 'Add some feature' 

Push to the branch

git push origin feature/your-feature 

Open a Pull Request.

Please read our Contributing Guidelines for more details

🔗 Links