بناء تطبيق Flutter بكلود AI — من الفكرة للمتجر

booking_app/
├── lib/
│   ├── main.dart
│   ├── core/
│   │   ├── router.dart          # التنقل بين الشاشات
│   │   ├── theme.dart           # ألوان وخطوط التطبيق
│   │   └── constants.dart       # ثوابت الـ API وغيرها
│   ├── features/
│   │   ├── auth/               # تسجيل الدخول والتسجيل
│   │   ├── home/               # الصفحة الرئيسية
│   │   ├── booking/            # نظام الحجز
│   │   └── profile/            # الملف الشخصي
│   └── shared/
│       ├── widgets/            # Widgets مشتركة
│       └── models/             # نماذج البيانات
├── pubspec.yaml
└── test/

import 'package:flutter/material.dart';

class AppTheme {
  // الألوان الرئيسية
  static const Color primary = Color(0xFF0a1745);    // Navy
  static const Color accent  = Color(0xFFE31E24);    // Red
  static const Color gold    = Color(0xFFd4a017);    // Gold
  static const Color surface = Color(0xFFF8F9FC);    // Light BG

  static ThemeData lightTheme() {
    return ThemeData(
      useMaterial3: true,
      colorScheme: ColorScheme.fromSeed(
        seedColor: primary,
        primary: primary,
        secondary: accent,
      ),
      textTheme: const TextTheme(
        headlineLarge: TextStyle(
          fontFamily: 'Cairo',
          fontSize: 28,
          fontWeight: FontWeight.w800,
          color: primary,
        ),
        bodyMedium: TextStyle(
          fontFamily: 'Cairo',
          fontSize: 15,
          height: 1.8,
        ),
      ),
      appBarTheme: const AppBarTheme(
        backgroundColor: primary,
        foregroundColor: Colors.white,
        elevation: 0,
      ),
      elevatedButtonTheme: ElevatedButtonThemeData(
        style: ElevatedButton.styleFrom(
          backgroundColor: accent,
          foregroundColor: Colors.white,
          padding: EdgeInsets.symmetric(horizontal: 24, vertical: 14),
          shape: RoundedRectangleBorder(
            borderRadius: BorderRadius.circular(12),
          ),
        ),
      ),
    );
  }
}

import 'package:flutter/material.dart';
import 'package:flutter_riverpod/flutter_riverpod.dart';

class HomeScreen extends ConsumerWidget {
  const HomeScreen({super.key});

  @override
  Widget build(BuildContext context, WidgetRef ref) {
    return Scaffold(
      backgroundColor: const Color(0xFFF8F9FC),
      body: CustomScrollView(
        slivers: [
          // Hero Header
          SliverAppBar(
            expandedHeight: 240,
            pinned: true,
            flexibleSpace: FlexibleSpaceBar(
              background: Stack(
                fit: StackFit.expand,
                children: [
                  Image.asset('assets/images/hero_bg.jpg', fit: BoxFit.cover),
                  Container(
                    decoration: BoxDecoration(
                      gradient: LinearGradient(
                        begin: Alignment.topCenter,
                        end: Alignment.bottomCenter,
                        colors: [Colors.transparent, Color(0xCC0a1745)],
                      ),
                    ),
                  ),
                  const Positioned(
                    bottom: 24, right: 24,
                    child: Column(
                      crossAxisAlignment: CrossAxisAlignment.end,
                      children: [
                        Text('مرحباً بك',
                          style: TextStyle(color: Colors.white70, fontSize: 14)),
                        Text('احجز موعدك الآن',
                          style: TextStyle(color: Colors.white,
                            fontSize: 24, fontWeight: FontWeight.w800,
                            fontFamily: 'Cairo')),
                      ],
                    ),
                  ),
                ],
              ),
            ),
          ),
          // قائمة الخدمات
          SliverPadding(
            padding: const EdgeInsets.all(20),
            sliver: SliverGrid(
              gridDelegate: const SliverGridDelegateWithFixedCrossAxisCount(
                crossAxisCount: 2,
                mainAxisSpacing: 16,
                crossAxisSpacing: 16,
                childAspectRatio: 1.1,
              ),
              delegate: SliverChildBuilderDelegate(
                (ctx, i) => ServiceCard(service: services[i]),
                childCount: services.length,
              ),
            ),
          ),
        ],
      ),
      floatingActionButton: FloatingActionButton.extended(
        onPressed: () => Navigator.pushNamed(context, '/booking'),
        backgroundColor: const Color(0xFFE31E24),
        label: const Text('حجز سريع',
          style: TextStyle(fontFamily: 'Cairo', fontWeight: FontWeight.w700)),
        icon: const Icon(Icons.calendar_today_rounded),
      ),
    );
  }
}

import 'package:flutter_riverpod/flutter_riverpod.dart';
import 'package:freezed_annotation/freezed_annotation.dart';

part 'booking_provider.freezed.dart';

// حالة الحجز
@freezed
class BookingState with _$BookingState {
  const factory BookingState({
    @Default('') String selectedService,
    DateTime? selectedDate,
    TimeOfDay? selectedTime,
    @Default(false) bool isLoading,
    String? error,
    Appointment? confirmedAppointment,
  }) = _BookingState;
}

// Provider رئيسي للحجز
final bookingProvider =
  StateNotifierProvider<BookingNotifier, BookingState>((ref) {
    return BookingNotifier(ref.read(bookingRepositoryProvider));
  });

class BookingNotifier extends StateNotifier<BookingState> {
  final BookingRepository _repo;
  BookingNotifier(this._repo) : super(const BookingState());

  void selectService(String service) {
    state = state.copyWith(selectedService: service);
  }

  void selectDate(DateTime date) {
    state = state.copyWith(selectedDate: date);
  }

  Future<void> confirmBooking() async {
    if (state.selectedDate == null || state.selectedService.isEmpty) return;
    state = state.copyWith(isLoading: true, error: null);
    try {
      final appt = await _repo.createAppointment(
        service: state.selectedService,
        date: state.selectedDate!,
        time: state.selectedTime!,
      );
      state = state.copyWith(isLoading: false, confirmedAppointment: appt);
    } catch (e) {
      state = state.copyWith(isLoading: false, error: e.toString());
    }
  }
}

import 'package:flutter_bloc/flutter_bloc.dart';

// Events
abstract class BookingEvent {}
class ServiceSelected extends BookingEvent {
  final String service;
  ServiceSelected(this.service);
}
class BookingConfirmed extends BookingEvent {}

// States
abstract class BookingState {}
class BookingInitial   extends BookingState {}
class BookingLoading   extends BookingState {}
class BookingSuccess   extends BookingState { final Appointment appt; BookingSuccess(this.appt); }
class BookingError     extends BookingState { final String message; BookingError(this.message); }

// BLoC
class BookingBloc extends Bloc<BookingEvent, BookingState> {
  final BookingRepository _repo;
  String _selectedService = '';
  DateTime? _selectedDate;

  BookingBloc(this._repo) : super(BookingInitial()) {
    on<ServiceSelected>((event, emit) {
      _selectedService = event.service;
    });
    on<BookingConfirmed>((event, emit) async {
      emit(BookingLoading());
      try {
        final appt = await _repo.createAppointment(
          service: _selectedService, date: _selectedDate!);
        emit(BookingSuccess(appt));
      } catch (e) {
        emit(BookingError(e.toString()));
      }
    });
  }
}

import 'package:cloud_firestore/cloud_firestore.dart';
import 'package:firebase_auth/firebase_auth.dart';

class FirebaseService {
  final _auth = FirebaseAuth.instance;
  final _db   = FirebaseFirestore.instance;

  // تسجيل مستخدم جديد
  Future<UserCredential> signUp(String email, String password) async {
    return await _auth.createUserWithEmailAndPassword(
      email: email, password: password);
  }

  // حفظ موعد في Firestore
  Future<void> saveAppointment(Appointment appt) async {
    await _db.collection('appointments').add({
      'userId'  : _auth.currentUser!.uid,
      'service' : appt.service,
      'date'    : Timestamp.fromDate(appt.date),
      'status'  : 'pending',
      'createdAt': FieldValue.serverTimestamp(),
    });
  }

  // جلب مواعيد المستخدم الحالي
  Stream<List<Appointment>> getUserAppointments() {
    return _db
      .collection('appointments')
      .where('userId', isEqualTo: _auth.currentUser!.uid)
      .orderBy('date', descending: true)
      .snapshots()
      .map((snap) => snap.docs
        .map((doc) => Appointment.fromFirestore(doc)).toList());
  }
}

class BookingScreen extends ConsumerStatefulWidget {
  const BookingScreen({super.key});
  @override
  ConsumerState<BookingScreen> createState() => _BookingScreenState();
}

class _BookingScreenState extends ConsumerState<BookingScreen> {
  final List<String> _services = [
    'استشارة طبية', 'صيانة', 'تدريب شخصي', 'قانوني'
  ];

  @override
  Widget build(BuildContext context) {
    final state  = ref.watch(bookingProvider);
    final notifier = ref.read(bookingProvider.notifier);

    return Scaffold(
      appBar: AppBar(title: const Text('حجز موعد جديد')),
      body: SingleChildScrollView(
        padding: const EdgeInsets.all(20),
        child: Column(
          crossAxisAlignment: CrossAxisAlignment.stretch,
          children: [
            // اختيار الخدمة
            const Text('اختر الخدمة',
              style: TextStyle(fontSize: 16, fontWeight: FontWeight.w700,
                fontFamily: 'Cairo', color: Color(0xFF0a1745))),
            const SizedBox(height: 12),
            Wrap(
              spacing: 10, runSpacing: 10,
              children: _services.map((s) => ChoiceChip(
                label: Text(s, style: const TextStyle(fontFamily: 'Cairo')),
                selected: state.selectedService == s,
                selectedColor: const Color(0xFF0a1745),
                labelStyle: TextStyle(
                  color: state.selectedService == s ? Colors.white : Colors.black87),
                onSelected: (_) => notifier.selectService(s),
              )).toList(),
            ),
            const SizedBox(height: 28),
            // اختيار التاريخ
            ElevatedButton.icon(
              onPressed: () async {
                final date = await showDatePicker(
                  context: context,
                  initialDate: DateTime.now().add(const Duration(days: 1)),
                  firstDate: DateTime.now(),
                  lastDate: DateTime.now().add(const Duration(days: 60)),
                  locale: const Locale('ar'),
                );
                if (date != null) notifier.selectDate(date);
              },
              icon: const Icon(Icons.calendar_today),
              label: Text(state.selectedDate == null
                ? 'اختر التاريخ'
                : '${state.selectedDate!.day}/${state.selectedDate!.month}/${state.selectedDate!.year}'),
            ),
            const SizedBox(height: 36),
            // زر التأكيد
            state.isLoading
              ? const Center(child: CircularProgressIndicator())
              : FilledButton(
                  onPressed: notifier.confirmBooking,
                  style: FilledButton.styleFrom(
                    backgroundColor: const Color(0xFFE31E24),
                    padding: const EdgeInsets.symmetric(vertical: 16),
                  ),
                  child: const Text('تأكيد الحجز',
                    style: TextStyle(fontFamily: 'Cairo',
                      fontSize: 16, fontWeight: FontWeight.w700)),
                ),
            if (state.error != null)
              Padding(
                padding: const EdgeInsets.only(top: 16),
                child: Text(state.error!,
                  style: const TextStyle(color: Colors.red),
                  textAlign: TextAlign.center),
              ),
          ],
        ),
      ),
    );
  }
}

import 'package:flutter_test/flutter_test.dart';
import 'package:flutter_riverpod/flutter_riverpod.dart';
import 'package:mocktail/mocktail.dart';

class MockBookingRepo extends Mock implements BookingRepository {}

void main() {
  group('BookingNotifier', () {
    late MockBookingRepo mockRepo;
    late ProviderContainer container;

    setUp(() {
      mockRepo = MockBookingRepo();
      container = ProviderContainer(overrides: [
        bookingRepositoryProvider.overrideWithValue(mockRepo),
      ]);
    });

    test('selectService يحدّث الحالة بشكل صحيح', () {
      container.read(bookingProvider.notifier).selectService('استشارة طبية');
      expect(
        container.read(bookingProvider).selectedService,
        equals('استشارة طبية'),
      );
    });

    test('confirmBooking يُشغّل isLoading ثم ينجح', () async {
      when(() => mockRepo.createAppointment(
        service: any(named: 'service'),
        date: any(named: 'date'),
        time: any(named: 'time'),
      )).thenAnswer((_) async => fakeAppointment);

      final notifier = container.read(bookingProvider.notifier);
      notifier.selectService('صيانة');
      notifier.selectDate(DateTime(2026, 5, 10));
      await notifier.confirmBooking();

      expect(container.read(bookingProvider).confirmedAppointment, isNotNull);
    });
  });
}