Bankist is a fully functional front-end banking application built using vanilla JavaScript, HTML, and CSS. It simulates real-world banking operations such as money transfers, loan applications, and multi-currency support. This project focuses on mastering DOM manipulation, event handling, and interactive UI development without using any external libraries or frameworks.
- Login with a predefined username and PIN
- Personalized dashboard after login
- Withdraw and deposit functionality
- Real-time account balance update
- Transaction history with date and time for each action
- Apply for a loan with basic approval logic
- Approved loan instantly added to account
- Loan entries are shown in the transaction list
- Currency formats like USD, EUR, etc.
- Dates and amounts displayed based on user locale
- Each transaction is recorded with proper formatting
- Differentiates between deposits, withdrawals, and loans
- Toggle between light and dark modes for better accessibility
This project helped enhance my skills in:
- DOM Manipulation and real-time UI updates
- Event-driven programming with JavaScript
- Working with arrays, objects, dates, and timers
- Using
IntlAPI for date/time and currency formatting - Writing clean, modular, and maintainable code
- Building a responsive, modern UI with pure CSS
| Technology | Role |
|---|---|
| HTML5 | Page structure and semantic layout |
| CSS3 | Styling and responsiveness |
| JavaScript (ES6+) | App logic, DOM interaction, and interactivity |
To run the project locally:
# Clone the repository
(https://github.com/syedabdullahali/Bankist--app.git)
# Open the project folder
cd bankist-app
# Open the index.html file in your browser