A minimalist banking interface that simulates real-world banking operations. Built using vanilla JavaScript, HTML, and CSS, this project demonstrates fundamental banking functionalities with a clean and intuitive user interface.
- Secure Login System: Authenticate users with unique credentials.
- Account Dashboard: View balances, transactions, and account details in one place.
- Money Transfers: Seamlessly transfer funds between users.
- Transaction History: Access detailed records of past transactions.
- Loan Requests: Simulate requesting and granting loans.
- Auto Logout: Ensures security by automatically logging out inactive users.
- Create New Accounts: Users can register with a unique username and PIN.
HTML5: Structure the application and ensure semantic accuracy.CSS3: Style the interface with responsive and visually appealing designs.Vanilla JavaScript: Handle all application logic and interactivity.
For testing purposes, use these accounts:
- Username: js | Pin: 1111
- Username: jd | Pin: 2222
- Username: st | Pin: 3333
- Username: ss | Pin: 4444 Want to explore further? Create your own account by choosing a unique username and a 4-digit PIN.
Check out the live version of Banki here: Visit Banki App
This project was completed as part of The Complete JavaScript Course: From Zero to Expert! on Udemy. The original project was built by Jonas Schmedtmann, and this is my implementation with some modifications and additional features.
What I Learned
💡 What I Learned
- Advanced JavaScript DOM Manipulation for creating interactive elements.
- Efficient handling of Arrays and Objects to manage user data and transactions.
- Designing and implementing a secure user authentication system.
- Working with financial calculations for features like loans and balances.
- Building a responsive interface optimized for both desktop and mobile devices.
⭐ Don't forget to star this repo if you found it helpful!