An open API service indexing awesome lists of open source software.

https://github.com/amanullahgit/flutter-getx-real-world-application

A comprehensive Flutter GetX Masterclass repository covering setup, state management, API integration, and more with real-world examples.
https://github.com/amanullahgit/flutter-getx-real-world-application

flutter flutter-app flutter-course flutter-getx flutter-tutorial getx

Last synced: 19 days ago
JSON representation

A comprehensive Flutter GetX Masterclass repository covering setup, state management, API integration, and more with real-world examples.

Awesome Lists containing this project

README

          

# Flutter GetX Masterclass: Chapter 1 - Setting Up GetX in Your Flutter Project

This repository contains the code for **Chapter 1** of the Flutter GetX Masterclass. In this chapter, we cover the installation of GetX, setting up a scalable folder structure, and creating a simple product listing app with navigation to a product details page.

## πŸ“Ή Watch the Tutorial on YouTube

Follow the step-by-step tutorial in the video for a hands-on experience!

[![Watch on YouTube](https://img.youtube.com/vi/X7EjiQEmrBI/0.jpg)](https://www.youtube.com/watch?v=X7EjiQEmrBI&t=36s)

πŸ”— **[Watch the full tutorial on YouTube](https://www.youtube.com/watch?v=X7EjiQEmrBI)**

---

## πŸ“ Chapter Overview

In this chapter, you'll learn:
1. How to install and set up GetX in a Flutter project.
2. How to structure your project for scalability using MVC principles.
3. How to create a product list and navigate to a product details page using GetX for routing.

---

## πŸ“‚ Folder Structure

Here’s the folder structure we’ve set up in this chapter:

```
lib/
β”‚
β”œβ”€β”€ app/
β”‚ β”œβ”€β”€ modules/
β”‚ β”‚ β”œβ”€β”€ product/
β”‚ β”‚ β”‚ β”œβ”€β”€ controllers/
β”‚ β”‚ β”‚ β”‚ └── product_controller.dart
β”‚ β”‚ β”‚ β”œβ”€β”€ views/
β”‚ β”‚ β”‚ β”‚ └── product_view.dart
β”‚ β”‚ β”‚ β”‚ └── product_details_view.dart
β”‚ β”‚ β”‚ └── models/
β”‚ β”‚ β”‚ └── product_model.dart
β”‚ └── routes/
β”‚ └── app_pages.dart
β”‚ └── app_routes.dart
└── main.dart
```

---

## πŸ§‘β€πŸ’» How to Run the App

1. Clone the repository:
```bash
git clone git clone -b Chapter-1 https://github.com/Amanullahgit/flutter-getx-real-world-application.git
```
2. Navigate to the project directory:
```bash
cd flutter-getx-real-world-application
```
3. Install dependencies:
```bash
flutter pub get
```
4. Run the app:
```bash
flutter run
```

---

Feel free to fork and contribute to this repository!

---

## πŸ”— Useful Links

- **GetX Package**: [pub.dev/packages/get](https://pub.dev/packages/get)
- **Flutter Documentation**: [flutter.dev/docs](https://flutter.dev/docs)

---

Happy Coding! πŸŽ‰