Flutter

A modern Flutter-based mobile application utilizing the latest mobile development technologies and tools for building responsive cross-platform applications.

📋 Prerequisites

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

🛠️ 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        # Project dependencies and configuration
└── README.md           # Project documentation

🧩 Adding Routes

To add new routes to the application, update the lib/routes/app_routes.dart file:

import 'package:flutter/material.dart';
import 'package:package_name/presentation/home_screen/home_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(),
    // Add more routes as needed
  };
}

🎨 Theming

This project includes a comprehensive theming system with both light and dark themes:

// Access the current theme
ThemeData theme = Theme.of(context);

// Use theme colors
Color primaryColor = theme.colorScheme.primary;

The theme configuration includes:

• Color schemes for light and dark modes
• Typography styles
• Button themes
• Input decoration themes
• Card and dialog themes

📱 Responsive Design

The app is built with responsive design using the Sizer package:

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

📦 Deployment

Build the application for production:

# For Android
flutter build apk --release

# For iOS
flutter build ios --release

🙏 Acknowledgments

• Built with Rocket.new
• Powered by Flutter & Dart
• Styled with Material Design

Built with ❤️ on Rocket.new

⚠️ Firebase Setup Instructions (Before Running the App) To run this app successfully, please follow the steps below to set up Firebase for your own project:

🧩 1. Replace google-services.json Go to Firebase Console and create your own project.

Add an Android app with your package name (e.g., com.example.fluttertube)

Download the google-services.json file.

Replace the existing one inside your Flutter project: ➤ android/app/google-services.json

🏷️ 2. Update the Package Name (Optional) If you changed the package name in Firebase, make sure it matches in your Flutter app. ➤ You can update it in:

android/app/build.gradle

android/app/src/main/AndroidManifest.xml

Dart files (if needed)

🔑 3. Add Firebase Credentials (For Web/Other Platforms) If the app uses Firebase Web (for web version or admin SDK), also copy:

apiKey, authDomain, projectId, etc.

Paste these credentials in your project's firebase_options.dart file (or wherever your app initializes Firebase)

✅ Done! Now run:

flutter pub get
flutter run

💡 Pro Tip: If you're unsure, follow the official FlutterFire documentation for platform-specific setup.