1. Home
  2. Flutter
  3. simple প্রজেক্ট বেসিক বুঝ...
  4. Part 1: প্রজেক্ট তৈরি ও ফোল্ডার স্ট্রাকচার

Part 1: প্রজেক্ট তৈরি ও ফোল্ডার স্ট্রাকচার

চল শুরু করি! 🛠️


🔹 Part 1: Flutter প্রজেক্ট তৈরি ও প্রফেশনাল ফোল্ডার স্ট্রাকচার


✅ ১. Flutter প্রজেক্ট তৈরি

VS Code বা Command Prompt থেকে নিচের কমান্ড চালাও:

flutter create erp_app

এতে erp_app নামে একটি নতুন Flutter অ্যাপ তৈরি হবে।


✅ ২. VS Code দিয়ে ফোল্ডার ওপেন করো

  • erp_app ফোল্ডারটি VS Code এ খুলো
  • অথবা কমান্ড দিয়ে: cd erp_app code .

✅ ৩. প্রজেক্ট রান করে টেস্ট করো

flutter run -d chrome

যদি Chrome না দেখায়, আগে টাইপ করো:

flutter devices

✅ ৪. ফোল্ডার স্ট্রাকচার তৈরি করো (Explorer Panel > Right Click → New Folder)

lib/
├── main.dart
├── screens/
   ├── login_screen.dart
   ├── dashboard_screen.dart
   ├── sales_screen.dart
   ├── purchase_screen.dart
   ├── reports_screen.dart
   └── settings_screen.dart
├── widgets/
   └── card_button.dart
├── config/
   └── app_routes.dart
└── utils/
    └── validators.dart

✅ ৫. main.dart ফাইল আপডেট করো

lib/main.dart:

import 'package:flutter/material.dart';
import 'screens/login_screen.dart';

void main() {
  runApp(const MyApp());
}

class MyApp extends StatelessWidget {
  const MyApp({super.key});

  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      title: 'ERP App',
      debugShowCheckedModeBanner: false,
      theme: ThemeData(primarySwatch: Colors.blue),
      home: const LoginScreen(), // প্রথমে Login দেখাবে
    );
  }
}

Next Step (Part 2): আমরা login_screen.dart তৈরি করবো যেখানে থাকবে email/password field, validation, এবং Login বাটন।

How can we help?