Food Ordering App

"Eat With Us" Documentation by "Ptraxe" v1.0

"Eat With Us"

Created: 02/03/2024

By: ptraxe

Email: ptraxe@proton.me

Thank you for chosing my app. If you have any questions that are beyond the scope of this help file, please feel free to email me. Thanks so much!

Table of Contents

Flutter Structure

Firebase Integration

Dependencies Structure

Flutter Stripe Integration

Sources and Credits

Flutter Structure

This Flutter app is a food ordering application built with Flutter and Dart code. The app follows a specific structure outlined below:

App Structure Overview

The app starts with a splash screen for the first time. After registration, the app determines the logged-in status and email verification status. If they are true, it takes the user to the homepage; otherwise, it shows the splash screen again.

Code Structure

import 'package:eat_with_us/firebase_options.dart';

import 'package:eat_with_us/helpers/splash_screen.dart';

import 'package:eat_with_us/screens/button_navbar.dart';

import 'package:eat_with_us/services/api_keys.dart';

import 'package:firebase_auth/firebase_auth.dart';

import 'package:firebase_core/firebase_core.dart';

import 'package:flutter/material.dart';

import 'package:flutter_stripe/flutter_stripe.dart';

Future main() async {

WidgetsFlutterBinding.ensureInitialized();

Firebase.initializeApp(options: DefaultFirebaseOptions.currentPlatform);

Stripe.publishableKey = ApiKeys.publishKey;

Stripe.instance.applySettings();

runApp(const MyApp());

}

class MyApp extends StatefulWidget {

const MyApp({super.key});

@override

State createState() => _MyAppState();

}

class _MyAppState extends State {

bool isFirebaseInitialized = false;

@override

void initState() {

super.initState();

initializeFirebase();

}

Future initializeFirebase() async {

await Firebase.initializeApp(

options: DefaultFirebaseOptions.currentPlatform);

Stripe.publishableKey = ApiKeys.publishKey;

await Stripe.instance.applySettings();

setState(() {

isFirebaseInitialized = true;

});

}

@override

Widget build(BuildContext context) {

return MaterialApp(

debugShowCheckedModeBanner: false,

title: 'Eat With Us',

home: isFirebaseInitialized

? FutureBuilder(

future: FirebaseAuth.instance.authStateChanges().first,

builder: (context, snapshot) {

if (snapshot.connectionState == ConnectionState.done) {

User? user = snapshot.data;

return determineHomeScreen(user);

} else {

return const Center(child: CircularProgressIndicator());

}

},

)

: const SplashScreen(),

);

}

Widget determineHomeScreen(User? user) {

if (user != null && user.emailVerified) {

return const BottomNavBar();

} else {

return const SplashScreen();

}

}

}

Modification

To change the home screen based on email verification status, you can modify the determineHomeScreen method as follows:

Widget determineHomeScreen(User? user) {

if (user != null && user.emailVerified) {

return const LoginPage();

} else {

return const OrderPage();

}

}

This modification will navigate to the LoginPage if the user is logged in and email verified; otherwise, it will navigate to the OrderPage.

2. Firebase Integration

To integrate Firebase into your Flutter app for both iOS and Android:

Create a Firebase project on the Firebase Console.

Follow the Firebase documentation to add your app to the project.

Download the configuration files and place them in the appropriate directories (android/app/ and ios/Runner/).

Update your Flutter code to use Firebase services as needed (e.g., authentication, database).

3. Dependencies Structure

When integrating dependencies in your Flutter app, use the pubspec.yaml file to manage dependencies. For example:

```yaml dependencies: flutter: sdk: flutter firebase_core: ^latest_version firebase_auth: ^latest_version firebase_messaging: ^latest_version flutter_stripe: ^latest_version google_fonts: ^latest_version ```

Run flutter pub get to fetch the dependencies.

4. Flutter Stripe Integration

For Flutter Stripe integration:

Visit the Stripe website.

Create or log in to your Stripe account.

Retrieve your Stripe Secret Key and Publishable Key from the Dashboard.

Open the api_keys.dart file located in the services folder of your Flutter project.

Replace the placeholder values for secretKey and publishableKey with your own Stripe Secret Key and Publishable Key.

Example code in api_keys.dart:

```dart class ApiKeys { static const String secretKey = 'your_stripe_secret_key'; static const String publishableKey = 'your_stripe_publishable_key'; }

5. Sources and Credits

Special thanks for resources used in the app:

Splash screen images: Storyset (storyset.com)

Fonts: Google Fonts (pub.dev)

Firebase Messaging for push notifications

Once again, thank you so much for purchasing this app. As I said at the beginning, I'd be glad to help you if you have any questions relating to this app. No guarantees, but I'll do my best to assist. If you have a more general question relating to the app on codecanyon, you might consider visiting the forums and asking your question in the "Item Discussion" section.

ptraxe