https://github.com/ahmadjajja/react_bank

"React-Firebase Bank-App: A Full-Stack Banking Application for Secure and Convenient Financial Management".
https://github.com/ahmadjajja/react_bank

Last synced: 5 months ago
JSON representation

"React-Firebase Bank-App: A Full-Stack Banking Application for Secure and Convenient Financial Management".

• Host: GitHub
• URL: https://github.com/ahmadjajja/react_bank
• Owner: Ahmadjajja
• Created: 2022-07-19T10:31:55.000Z (about 3 years ago)
• Default Branch: main
• Last Pushed: 2023-06-16T04:43:29.000Z (over 2 years ago)
• Last Synced: 2025-01-21T21:33:09.835Z (9 months ago)
• Language: JavaScript
• Homepage: https://jajja-bank-app.web.app/
• Size: 9.41 MB
• Stars: 3
• Watchers: 1
• Forks: 1
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          


  
Bank Application


**The Bank-App is a full-stack web application** built with **React JS** and **Firebase**, which aims to provide users with a secure and convenient way to manage their banking needs. 




![Account Detail](https://drive.google.com/uc?export=view&id=10nJQ8NL1GZiqswZWQcFzYqSpnUigTpBC) 
 


The application includes a range of functionalities, such as-

* Authentication with email and password, as well as login via social media accounts like Google, Facebook, and Github.

* Once authenticated, users are taken to the dashboard, which is the central hub for all banking activities. The dashboard provides users with access to an ATM machine-like interface, where they can perform basic banking transactions such as withdrawing and depositing money.

* Users can easily withdraw or deposit money from their accounts using the intuitive interface, which guides them through the process step-by-step. Additionally, they can also view their transaction history, which displays all past transactions with details such as date, amount, and account balance.

* The Bank-App also allows users to delete their account, in case they no longer wish to use the platform. 

* The application provides users with the ability to view all their existing accounts, providing a complete overview of their financial situation.

## How to run ?

#### Run First

```javascript

npm i

```

#### Run Second

```javascript

npm start

```

### 1- Landing Page

![Landing Page](https://drive.google.com/uc?export=view&id=19XBNubWZF4jQgFx9UClyUrBYnddZPYZJ) 


### 2- Login Page

![Login Page](https://drive.google.com/uc?export=view&id=1GB-3vaqG5_8RjcFu-_1zT4vsXMubuJ09) 


### 3- Dashboard

![Dashboard](https://drive.google.com/uc?export=view&id=12qeUUkxHByYylsQH1mBH0LbyzBpbc1Ax) 


### 4- Create Account

![Create Account](https://drive.google.com/uc?export=view&id=1B7le7yH3tBVYN-c3i6AayHJOiF_gWFGT) 


### 5- Accounts

![Accounts](https://drive.google.com/uc?export=view&id=1J0aIgKK4-Wyt3LuCV8mqgCUXGjNBkbAa) 


### 6- Account Detail

![Account Detail](https://drive.google.com/uc?export=view&id=10nJQ8NL1GZiqswZWQcFzYqSpnUigTpBC) 


### 7- Delete Account

![Delete Account](https://drive.google.com/uc?export=view&id=1VbNo9772hMSOsZxCbTtszPRagURVyvjO) 


### 8- Deposit Amount

![Deposit Amount](https://drive.google.com/uc?export=view&id=16z9KkkYLNCs9EQVRKz-RMKOwrYqBnfpd) 


### 9- Withdraw Amount

![Withdraw Amount](https://drive.google.com/uc?export=view&id=1I8lJFSvQfMKg3x1nIE-1POdepE1-_DdT) 


### 10- Transactions

![Transactions](https://drive.google.com/uc?export=view&id=1c4FJ7KTjVxkw3qLw2FtTOOU9mFQg67-l) 


### 11- View Transaction

![View Transaction](https://drive.google.com/uc?export=view&id=1WlnGSXCgJezjskNzTW-OjLi3ocd2vFAo)