Baap-er Bank is a simple banking simulation project. It allows users to log in, view account details, and perform basic banking operations like deposits and withdrawals. The project is built using HTML, Tailwind CSS, and JavaScript.
- A secure login interface.
- Validates the user's email and password.
- Redirects to the dashboard upon successful login.
- Displays the following:
- Total Deposit
- Total Withdraw
- Account Balance
- Interactive input fields for depositing and withdrawing money.
- Allows users to add deposit amounts.
- Updates the total deposit and account balance in real-time.
- Validates input to ensure only valid numbers are accepted.
- Enables users to withdraw amounts.
- Updates the total withdrawn and account balance dynamically.
- Checks if the withdrawal amount exceeds the available balance and displays an error message if true.
/baap-er-bank
│
├── index.html # Login page
├── dashboard.html # Dashboard page
├── login.js # Handles login functionality
├── deposit.js # Handles deposit functionality
├── withdraw.js # Handles withdrawal functionality
├── README.md # Project documentation
└── tailwind.config.css # Tailwind CSS for styling
- Clone the repository:
git clone https://github.com/rakibul58/baap-er-bank.git
- Navigate to the project folder:
cd baap-er-bank - Open the
index.htmlfile in your browser to start the application.
Use the following credentials for testing:
- Email:
rakibul@hasan.com - Password:
123
- HTML5: Structure of the web pages.
- Tailwind CSS: Responsive and utility-first styling.
- JavaScript: Logic for deposit, withdrawal, and login functionalities.
- Deposit and withdrawal inputs accept only numbers.
- Withdrawals are restricted to the available account balance.
- Alerts notify users of invalid actions (e.g., insufficient balance or invalid input).
Feel free to fork the repository, submit issues, or make pull requests. Contributions are always welcome!