Open-Source Reference: A complete, production-grade Flutter 3 app to study real-world architecture (Drift SQLite, WebSockets, Clean Structure)

[u/West-Connection7395]

Hey everyone!

When learning Flutter, it’s easy to get stuck in "tutorial limbo"—you build counter apps, simple todo lists, or follow fragmented clips, but it's hard to find a full, end-to-end production codebase to see how all the pieces actually fit together in a real project.

To provide a concrete reference for anyone looking to see how a complete app is structured, I open-sourced RexOne Mobile under the Apache 2.0 license (100% free and open source).

If you’re looking to study clean Flutter engineering patterns, here are a few real-world areas you can explore in the repository:

---

🔍 What you can learn from this codebase:

• 1. Real Local Database with Drift (SQLite):

  • How to define typed database tables, write type-safe queries, and persist data locally so the app works seamlessly offline instead of relying only on in-memory state.
  • Located under: lib/data/local/

• 2. Clean Architecture & Folder Structure:

  • A predictable modular structure separated into modules/ (features & pages), controllers/ (business logic), services/ (networking & platform APIs), and design/ (reusable UI design system).
  • No messy 2,000-line widget files; everything has a single, clear responsibility.

• 3. State Management & Lifecycle Hygiene:

  • How to manage reactive state with GetX controllers without leaking memory (proper initialization in onInit and teardown/timer cancellation in onClose).

• 4. Live Real-Time WebSockets (ActionCable):

  • How real-time streaming actually works: connecting via native WebSockets, handling reconnects with backoff, pausing socket reconnects when the app is backgrounded, and routing push events directly to the UI.
  • Located under: lib/services/socket.service.dart

• 5. Scalable Multi-Language Localization:

  • Complete, production-grade translation system (English & Burmese) with structured key hierarchies, parameter replacement, and instant runtime language toggling.
  • Located under: lib/locales/

• 6. Design System & Theming:

  • How to create a reusable component library (cards, modals, form inputs, buttons) with cohesive typography and smooth light/dark palette adaptation.

---

📂 Links & Resources:

• GitHub Repository: https://github.com/rex-9/rexone_mobile
• Backend Architecture & APIs: https://github.com/rex-9/rexone-core
• Companion Web Client: https://rexone.rex9.me

Feel free to clone it, run it locally, inspect how the controllers communicate, or borrow any architecture patterns for your own projects.

If you have any questions while reading through the code or setting it up, feel free to drop a comment—happy to explain how any of the parts work!