🎓 ACADEMIC DISCLAIMER: This project was developed strictly for university assignment and educational purposes only. It is not affiliated with, endorsed by, or officially connected to Chip Mong Bank in any way. All data, UI elements, and flows are mock/static and intended solely for learning Flutter development, UI/UX replication, and mobile app architecture.
Chip Mong Bank Clone is a Flutter-based mobile application that replicates the user interface and navigation flow of a modern digital banking app.
Created as a university assignment, this project focuses on mastering responsive design, state management, form validation, and secure UI patterns — providing a realistic foundation for academic assessment and portfolio development.
- 🔄 Loading & Splash Screen – Smooth initialization with branding
- 🌍 Language Selection – Multi-language UI toggle (Khmer/English)
- 📱 Phone & OTP Flow – Mock login & verification screens
- 📝 Registration & Login – Form validation & input masking
- 🏠 Home Dashboard – Balance overview, quick actions & transaction preview
- 📷 QR Code Scanner – Mock QR payment interface
- 📱 Fully Cross-Platform – Android, iOS, Web, Windows, macOS, Linux
- 🎨 Pixel-Accurate UI – Clean design following modern banking app standards
- 💙 Flutter (Dart) – Cross-platform UI framework
- 🎯 Material Design 3 – Adaptive components & theming
- 🧭 Navigation –
[GoRouter / AutoRoute / Navigator 2.0] - 📊 State Management –
[Riverpod / Provider / BLoC / GetX] - 📝 Form Handling –
flutter_form_builder/ Custom validators - 🖼️ Assets – Optimized PNGs, icons & fonts
/chipmong_bank_clone
│
├── lib/ → Main application logic
│ ├── main.dart → App entry point & theme config
│ ├── core/ → Constants, routing, utilities, theme
│ ├── features/ → UI modules (auth, home, qr, settings)
│ └── shared/ → Reusable widgets, buttons, inputs, dialogs
│
├── assets/ → App icons, fonts, mock JSON/data
├── Loading.png → Splash/Loading preview
├── Language.png → Language selection preview
├── Phone.png → Phone input preview
├── OTP Loading.png → OTP verification preview
├── Register.png → Registration preview
├── Login.png → Login preview
├── Home_Screen.png → Main dashboard preview
├── QRCode.png → QR scanner preview
│
├── /android /ios /web /windows /macos /linux → Platform configs
├── /test → Unit & widget tests
├── pubspec.yaml → Dependencies & metadata
└── README.md → Documentation
👉 https://docs.flutter.dev/get-started/install
git clone https://github.com/SereyodamChek/chipmong_bank_clone.git
cd chipmong_bank_cloneflutter pub getflutter runflutter run -d chrome # Web
flutter run -d android # Android
flutter run -d ios # iOS (macOS required)
flutter run -d windows # Windows Desktop
flutter run -d macos # macOS Desktop
flutter run -d linux # Linux Desktop- Fulfill university assignment requirements for mobile app development
- Practice Flutter UI replication from real-world banking applications
- Learn form validation, navigation flows, and state management
- Demonstrate cross-platform development with a single codebase
- Build a polished portfolio piece for academic & career assessment
- 🔐 Biometric login simulation (Face ID / Fingerprint)
- 🌐 Mock API integration with
http/diofor dynamic data - 📊 Transaction history with mock pagination & filtering
- 🔔 Local notifications for mock OTP & payment alerts
- 🌙 Dark mode toggle with theme persistence
- 🧪 Unit & widget test coverage expansion
- 🎓 This is a strictly educational project for university coursework
- 🔒 All data is mock/static — no real banking APIs, databases, or credentials are used
- 🚫 Not intended for commercial use, deployment, or real financial transactions
- ✅ Feel free to reference the code structure for academic learning & peer review
SereyodamChek (Dom)
- GitHub: https://github.com/SereyodamChek
- Email: sereyodamc011@gmail.com
⭐ Academic project built with dedication, clean code, and modern Flutter practices. 🏦💙