Skip to content

Repository files navigation

🏦 Skylet Bank Ltd. (Client Side) – Web Banking Dashboard

Skylet Bank is a modern, responsive web-based banking dashboard built for educational and showcase purposes. It features a sleek UI with a gradient blue-light blue-green theme and simulates essential banking operations like transfers, withdrawals, and transaction tracking.

Preview


✨ Features

  • 🔐 Login authentication with default test credentials
  • 💳 Visa-style card showing account number and balance
  • ⚡ Quick access buttons: Transfer, Withdraw, Pay Bill, Mobile Top-up
  • 📜 Transaction history panel (recent 5 shown)
  • 🔄 Bank Transfer system (BEFTN & NPSB simulation)
  • 📊 Reporting and basic chart-ready UI
  • 🌓 Light, clean, modern design (Tailwind-based)

🧪 Default Credentials

  • Username: testuser
  • Password: 123456

🔮 Future Implementations

  • ✅ Account registration with form validation and backend integration
  • ✅ Role-based access (e.g., admin, user)
  • ✅ Dynamic balance and transaction updates with state management
  • ✅ Backend integration (Node.js/Express + MongoDB or Firebase)
  • ✅ JWT-based secure authentication
  • ✅ Responsive charts and reports (using Chart.js or Recharts)
  • ✅ Notification system for successful/failed transactions
  • ✅ Light/Dark mode toggle
  • ✅ Multi-language support (i18n)
  • ✅ Accessibility improvements (WAI-ARIA)

🚧 This project is still in progress and not yet complete. Features and UI may change as development continues.

About

Skylet Bank is a modern web-based banking dashboard for educational use. Features include login auth, account overview, Visa-style card, quick actions (transfer, withdraw, pay), and transaction history.

Topics

Resources

Stars

Watchers

Forks

Releases

Packages

Used by

Contributors

Languages