GetX MVVM Tutorial

A Flutter project implementing a login flow with GetX for state management and a layered architecture separating UI, business logic, and networking.

What it demonstrates

• Repository pattern — LoginRepository sits between the UI and the network layer, keeping API calls out of the controller
• Network layer — NetworkApiServices wraps the http package with timeout handling and custom exceptions for connection/timeout errors
• GetX state management — LoginViewController manages reactive form state and loading state during the API call
• Model layer — UserModel for JSON serialization/deserialization

Architecture

lib/
├── models/  data models (UserModel)
├── data/  network layer, exceptions, response wrappers
├── repository/  mediates between controllers and the network layer
├── viewmodels/  GetX controllers + services
├── view/  UI screens
└── res/  routes, localization, app constants

Getting Started

flutter pub get
flutter run

Notes

This was one of my first attempts at MVVM + GetX, built to learn the pattern. Dependency injection isn't fully wired in yet (dependencies are currently instantiated directly rather than via GetX bindings) — a planned next step if I revisit this.