This repository contains a front-end prototype for an online banking system. The prototype is built using HTML, CSS, and JavaScript to simulate the user experience of various stakeholders: Client (bank customer), Admin (technical administrator), and Banker (non-technical staff).
To explore the prototype, follow these steps:
- Clone the repository to your local machine or download the ZIP archive.
- Navigate to the
src
folder. - Locate the
login.html
file. - Open the
login.html
file using a live server extension in your preferred web browser.
The prototype covers the following key user journeys for different stakeholders:
- Register to use the web application (user may already have a bank account).
- Open/close a bank account.
- Apply for a credit card.
- Apply for a loan (personal or car).
- View bank account transactions.
- View credit card transactions.
- View credit card points and redeem them for cashback.
- Pay for credit card bill partially or fully.
- Transfer money to other bank accounts (internal/domestic/international).
- Set and receive reminders for payments due for bills.
- Receive reminders for payments due for loans/credit card bills.
- Pay bills using third-party apps or through the bank.
- Report technical issues with the system.
- Receive notifications about issue resolution and bank announcements.
- Report credit card theft/loss/damage and apply for replacement.
- Client (Bank Customer): The main user of the online banking system. They can perform banking transactions, manage accounts, and make payments.
- Admin (Technical Administrator): Responsible for managing technical aspects of the bank's online system, including issue resolution and system maintenance.
- Banker (Non-Technical Staff): Handles non-technical tasks related to the bank, such as assisting clients with account management and financial services.
This is a front-end prototype and uses dummy data to simulate interactions. It does not have real database integration or backend functionality. The purpose of this prototype is to demonstrate the user journeys and interactions for different stakeholders.
Feel free to explore and interact with the prototype to understand the user experience from different perspectives.
For any questions or feedback, please contact [your contact information here].
Disclaimer: This is a prototype and does not represent an actual functioning online banking system. No real transactions or sensitive data are involved. Use for educational and demonstration purposes only.