Skip to content

CONTRO is a next-gen mobile banking app built with Flutter. Featuring dashboards, wallets, charts, QR payments, gifts, chat, and modular MVVM-inspired architecture. Pixel-perfect UI/UX, hybrid state management (Provider + GetX), and fintech scalability.

Notifications You must be signed in to change notification settings

Usman-bin-Khalid/Contro-Project

Repository files navigation

💳 CONTRO – Next-Gen Mobile Banking App

CONTRO is a feature-rich, enterprise-grade mobile banking application built with Flutter.
It mirrors the complex ecosystem of modern fintech apps with advanced engineering, modular architecture, and pixel-perfect UI/UX.


🚀 Highlights

  • Domain: Mobile Banking / FinTech
  • Platforms: Android & iOS
  • Architecture: Modular, MVVM-inspired (logic, UI, data separation)
  • Design: Pixel-perfect Figma replication
  • State Management: Provider (local) + GetX (global, routing, DI)

🛠️ Core Features

  • 📊 Dashboard: Balances, swipable cards, analytics
  • 💼 Wallet & Transactions: Multi-bank wallet, filters & history
  • 📈 Charts & Analytics: Interactive pie, bar & line charts
  • 📲 QR Payments: Scan & generate QR for instant transfers
  • 🎁 Gift Module: Send monetary gifts with themes
  • 💬 Chat Module: In-app support linked to transactions
  • 🏦 Add Bank: Multi-step secure account addition
  • 👤 Profile & Settings: Edit info, theme switch, privacy toggles

🎨 UI/UX Principles

  • Pixel-perfect Figma mockup replication (colors, typography, spacing)
  • Smooth animations & micro-interactions
  • Responsive-first design across devices
  • Scalable structure for future modules

📐 Tech Stack

  • Flutter + Dart
  • State Management: Provider + GetX
  • Packages:
    • intl – localization & formatting
    • flutter_svg – scalable vector graphics
    • lottie – animations
    • charts_flutter – data visualizations
    • qr_flutter – QR code generation
    • barcode_scan2 – QR/Barcode scanning

📚 Key Learnings

  • Hybrid state management mastery
  • Translating complex UI/UX into scalable Flutter code
  • Building enterprise-level modular app architecture

🔮 Future Enhancements

  • 🔐 Real banking API integration
  • 👆 Biometric & OAuth authentication
  • 🔔 Push notifications
  • 🤖 AI-driven financial insights

🚀 Getting Started

Prerequisites

  • Flutter SDK (3.0 or later)
  • Dart SDK (2.17 or later)
  • Android Studio / VS Code with Flutter plugin

Installation

  1. Clone the repository:
    git clone https://github.com/Usman-bin-Khalid/Contro-Project.git
    cd CONTRO-App

About

CONTRO is a next-gen mobile banking app built with Flutter. Featuring dashboards, wallets, charts, QR payments, gifts, chat, and modular MVVM-inspired architecture. Pixel-perfect UI/UX, hybrid state management (Provider + GetX), and fintech scalability.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages