Bank Management Project-Angular

Welcome to the Bank Management System project built in Angular using Json Server! This project is designed to provide a foundation for managing user banking operations using modern web technologies. This project was generated with Angular CLI version 18.1.0.

Table of Contents

• Overview
• Tools & Technologies Used
• Key Features
• Installation & Setup
• Screenshots

Overview

The Bank Management System is a web-based application designed to streamline and manage various banking operations efficiently. This project is developed using Angular, offering a modern and dynamic user experience with a focus on modular architecture and real-time data handling. The application includes features to manage customer accounts and perform financial transactions, enhancing user productivity and operational workflows.

Tools & Technologies Used

• Angular: The primary framework for building the single-page application, providing modular structure, two-way data binding, and seamless updates.
• JSON Server: A quick and simple backend solution to simulate a REST API for testing and development purposes.
• HTML5: For structuring the web pages with semantic elements.
• CSS: Custom styling for an attractive and user-friendly interface.
• Bootstrap template: Used to create a responsive and mobile-friendly design with pre-designed components and grid layout.

Key Features

• Customer Account Management: Create, modify, and delete customer account records.
• Transaction Processing: Handle deposits, withdrawals, and fund transfers.
• Real-Time Data Updates: Provides seamless data refreshes and interactions.
• User-Friendly Interface: Enhanced with Bootstrap for a consistent and modern look.

Installation & Setup

To run this project locally, follow these steps:

1. Clone the repository:

   git clone https://github.com/yourusername/bank-management-system.git

2. Navigate to the project directory:

   cd bank-management-system

3. Install dependencies:

   npm install

4. Run the JSON Server:

   json-server --watch db.json

5. Start the Angular development server:

   ng serve

6. Open your browser and go to http://localhost:4200/ to view the application.

Screenshots

📌 Login:

📌 Register:

📌 Account Details:

📌 Admin Part- Account Approval:

📌 Admin Part- ALL Trasactions Details:

📌 Admin Part- Account Lists:

📌 Admin Profile:

📌 Open Acoount:

📌 Deposit Form:

📌 Withdraw Form:

📌 Fund Transfer Form:

📌 Statement:

📌 Loan Application:

📌 Loan List:

📌 Loan Details:

📌 Loan Payment:

📌 User Profile:

📌 Contact:

Development server

Run ng serve for a dev server. Navigate to http://localhost:4200/. The application will automatically reload if you change any of the source files.

Code scaffolding

Run ng generate component component-name to generate a new component. You can also use ng generate directive|pipe|service|class|guard|interface|enum|module.

Build

Run ng build to build the project. The build artifacts will be stored in the dist/ directory.

Running unit tests

Run ng test to execute the unit tests via Karma.

Running end-to-end tests

Run ng e2e to execute the end-to-end tests via a platform of your choice. To use this command, you need to first add a package that implements end-to-end testing capabilities.

Further help

To get more help on the Angular CLI use ng help or go check out the Angular CLI Overview and Command Reference page.