MobDOCTAGAN

Mobile Gestion Hopital -Patient -Medecin

Flutter Application

A modern Flutter-based mobile application built with best practices for creating responsive, cross-platform experiences on Android and iOS.

📋 Prerequisites

• Flutter SDK (^3.29.2)
• Dart SDK
• Android Studio or VS Code with Flutter extensions
• Android SDK (for Android)
• Xcode (for iOS)

🛠️ Installation

1. Install dependencies:

flutter pub get

2. Run the application:

flutter run

📁 Project Structure

flutter_app/
├── android/             # Android-specific configuration
├── ios/                 # iOS-specific configuration
├── lib/
│   ├── core/            # Core utilities and services
│   │   └── utils/       # Utility classes
│   ├── presentation/    # UI screens and widgets
│   │   └── splash_screen/ # Splash screen implementation
│   ├── routes/          # Application routing
│   ├── theme/           # Theme configuration
│   ├── widgets/         # Reusable UI components
│   └── main.dart        # Application entry point
├── assets/              # Static assets (images, fonts, etc.)
├── pubspec.yaml         # Dependencies and configuration
└── README.md            # Project documentation

🧩 Routing

To add new routes, update lib/routes/app_routes.dart:

import 'package:flutter/material.dart';
import 'package:package_name/presentation/home_screen/home_screen.dart';
import 'package:package_name/presentation/splash_screen/splash_screen.dart';

class AppRoutes {
  static const String initial = '/';
  static const String home = '/home';

  static Map<String, WidgetBuilder> routes = {
    initial: (context) => const SplashScreen(),
    home: (context) => const HomeScreen(),
  };
}

🎨 Theming

The application supports light and dark themes with a centralized theme configuration.

ThemeData theme = Theme.of(context);
Color primaryColor = theme.colorScheme.primary;

The theme setup includes:

• Light and dark color schemes
• Typography styles
• Button themes
• Input decoration themes
• Card and dialog styles

📱 Responsive Design

Responsive layouts are implemented using the Sizer package:

Container(
  width: 50.w,   // 50% of screen width
  height: 20.h,  // 20% of screen height
  child: const Text('Responsive Container'),
)

📦 Build & Deployment

Build the app for production:

# Android
flutter build apk --release

# iOS
flutter build ios --release

✅ Features

• Cross-platform (Android & iOS)
• Clean architecture
• Centralized routing
• Light & dark theme support
• Responsive UI
• Reusable widgets

📄 License

This project is provided for educational and development purposes. You may adapt it according to your needs.

---

Built with Flutter