Cafeteria-App

Cafeteria Menu Application created in flutter using Cubit.

Cafeteria-App Features:

• Drawer
• Home
• Order
• Payment
• Dio
• Shared Preferences
• Fluttertoast
• Cubit (State Management)

Libraries & Tools Used

• Dio (^4.0.6)
• Shared Preferences (^2.0.15)
• Fluttertoast (^8.1.2)
• Bloc (^8.1.0)
• Flutter Bloc (^8.1.1)

Folder Structure

Here is the core folder structure.

flutter-app/
|- android
|- assets
|- build
|- ios
|- lib
|- test

Here is the folder structure I have been using in this project

lib/
|- core/
|- product/
|- views/
|- main.dart

Now, lets dive into the lib folder which has the main code for the application.

1- core - Contains the business independent structures of the project.
2- product - Contains the business-dependent structures of the project..
3- views - Contains all the ui of my project, contains sub directory for each screen.. 
4- main.dart - This is the starting point of the application. All the application level configurations are defined in this file.

Core

This directory contains the business independent structures of the project. A separate file is created for each type as shown in example below:

core/
|- constants/
  |- border/
  |- responsive/
|- theme/
  |- color/

Product

Contains the business-dependent structures of the project. A separate file is created for each type as shown in example below:

product/
|- constants/
  |- texts/
  |- duration/
  |- warningMessage/  

Views

This directory contains all the ui of my application. Each screen is located in a separate folder making it easy to combine group of files related to that particular screen. A separate file is created for each ui as shown in example below:

views/
|- drawer/
|- home/
|- order/
|- payment/  

Home

This directory contains home screen of my application.This file contains Flutter MVVM Architecture to communicate between the UI & business logic so MVVM is providing this in an easy way as you can hold my all business logic inside the ViewModel class and UI separately. Files are as shown in example below:

home/
|- cubit/
|- model/
|- service/
|- view/  

Main

This is the starting point of the application. All the application level configurations are defined in this file.

import 'dart:io';

import 'core/init/cache/cache_manager.dart';
import 'package:flutter/material.dart';
import 'package:flutter_bloc/flutter_bloc.dart';

import 'core/init/provider/bloc_provider_list.dart';
import 'product/navigator/app_router.dart';
import 'product/widget/materialApp/materialLoaded/material_loaded.dart';
import 'product/widget/materialApp/loadingMaterial/loading_material.dart';
import 'product/widget/widgets_shelf.dart';
import 'views/home/cubit/localeCubit/locale_cubit.dart';

Future<void> main() async {
  WidgetsFlutterBinding.ensureInitialized();
  await LocaleManager.preferencesInit();
  HttpOverrides.global = MyHttpOverrides();
  runApp(MyApp());
}

class MyApp extends StatelessWidget {
  MyApp({super.key});
  final _appRouter = AppRouter();

  @override
  Widget build(BuildContext context) {
    return MultiBlocProvider(
        providers: ProviderList.instance.providers,
        child: BlocBuilder<LocaleCubit, LocaleState>(
          builder: (context, state) {
            if (state is LocaleInitial) {
              return const LoadingMaterial();
            } else if (state is ChangeLocaleState) {
              return MaterialLoaded(state: state, appRouter: _appRouter);
            }
            return const NoDataView();
          },
        ));
  }
}

Cafeteria-App Screenshots

Home Pages

Order Page

Payment Page

## Conclusion

I will be happy to answer any questions that you may have on this approach, and if you want to lend a hand with the boilerplate then please feel free to submit an issue and/or pull request 🙂