Skip to content

Latest commit

 

History

History
79 lines (56 loc) · 2.19 KB

README.md

File metadata and controls

79 lines (56 loc) · 2.19 KB

Flutter Banking App (Dribbble Concept)

A Flutter-based banking application built from scratch, inspired by a Dribbble UI concept.
This project focuses on converting a modern design into a fully functional application with real business logic, state management, and Firebase integration.

✨ Features

  • Authentication – User login flow using Firebase authentication
  • Account Management – Create and manage multiple bank accounts
  • Transactions – Deposit and withdraw funds with real-time balance updates
  • Currency Conversion – Switch the displayed currency for total balances
  • Responsive UI – Clean banking interface inspired by a Dribbble concept

🛠 Tech Stack

  • Flutter
  • Dart
  • Firebase (Authentication & Database)
  • Material Design
  • Flutter Web (Chrome)

🧠 Key Concepts & Implementation

  • Component-based widget architecture
  • Centralized state handling for accounts and balances
  • Firebase integration for authentication and data persistence
  • Input validation and transaction safeguards
  • Separation of UI, business logic, and data models
  • Web-first Flutter configuration

🔧 Firebase Setup (Required)

This project uses Firebase for authentication and database storage.

Before running the app, you must configure your own Firebase project.

Steps

  1. Create a Firebase project in the Firebase Console
  2. Add a Web App to the project
  3. Copy the generated Firebase configuration
  4. Open the file: 
    lib/firebase_options.dart
  5. Replace the existing configuration values with your own Firebase credentials

The application will not function correctly without updating firebase_options.dart.

🚀 Running the App (Flutter Web / Chrome)

This project is intended to be run in Google Chrome using Flutter Web.

Prerequisites

  • Flutter SDK installed
  • Google Chrome installed

Run

flutter pub get
flutter run -d chrome

Flutter will start a local development server and automatically launch the app in Chrome.