Cash Craft is a GPay-style digital payment simulation site built using HTML, CSS, and vanilla JavaScript to simulate basic features of an online banking payment interface. It was designed as part of my learning journey to strengthen JavaScript skills, particularly focusing on real-world application logic, user interaction handling, and DOM manipulation.
This application demonstrates how a fictional bank account system might work, complete with login, transaction history, balance updates, transfers, loan functionality, and auto-logout for session security.
🔗👉 click here to see the live demo-->https://nanthakumar-m.github.io/Cash_Craft-Simple_Digital_payment_site-Javascript/
🚫 Note: This website is not responsive and is best viewed on desktop screens.
To explore the features, use the following dummy account:
-
Username: nk
-
Password: 1111
To explore money transfer logic use the following user names as reciever side user name--> hh or ms or sn
- HTML5
- CSS3
- JavaScript
✅ User Login with account PIN validation
✅ Dynamic Transaction History with formatted dates and currency
✅ Fund Transfer between existing accounts
✅ Loan Request Handling (only allowed based on certain conditions)
✅ Close Account functionality after credentials verification
✅ Auto Logout Timer after inactivity (2 minutes)
✅ Sorted Transaction View toggle
✅ Session-based Updates on every user interaction
✅ Use of JavaScript Date, Time, and Intl APIs for formatting
✅ Efficient DOM Manipulation and Event Handling
✅ Advanced use of Array Methods (map, filter, reduce, find, etc.)
✅ Implementing Timers, Auto Logout, and Real-time UI Updates
✅ Working with Date and Time using Date and Intl.DateTimeFormat
✅ Applying JavaScript Logic for condition-based feature access
✅ Structuring Realistic Banking Operations using object-oriented data
