FoodMagic ✨

An Augmendted Reailty app Food app built with Flutter and AR

FoodMagic is a unique take on food delivery using augmented reality and stunning UI.

Features

• Food Items Display
• Cart service
• Order Status with realtime updates
• Recent Orders
• Profile Service
• AR View using Google AR core
• Profile Service
• Ingredients Screen
• Review and Rating Service
• Delivery tracking using Maps

Tech Stack

Flutter

• Riverpod and Flutter Hooks to manage state of the app.
• Auto Route for navigation.
• Sembast as a local database.
• arcore_flutter_plugin for displaying 3D models in AR.
• Running on UnSound Null-Safety as arcore_flutter_plugin is not nullsafe.

Appwrite

• Appwrite accounts for authentication and session managament.
• Appwrite database for storing all the data.
• Appwrite Storage for storing images.
• Appwrite functions for simulating order status change.
• Appwrite SMTP and email verification to verify user account.

Setup and Development

If you wish to contribute to this repository, please fork the repository, make your chnages on a new branch and make a pull request.

To View AR scenes, please ensure you have Google AR core services enabled on your phone.

The initial build and install will take a few minutes as all of the AR model are assets in the app. There's currently an issue #17 trying to improve it to be remote, which wasn't possible due to Scenform's deprecation. If in the future there is a flutter AR core plugin using the latest AR core package, the app's AR performace can be improved.

Setup AppWrite (version 0.8.0 required)

Initial Steps

AppWrite is required to run this project succesfully.

FoodMagic uses AppWrite as a backend as a service for storing data, authentication and file storage.

Once you have appwrite successfully running as a docker container,

• Create a new Project, name it foodmagic
• Click on add app and select Flutter
• Enter the app details, be sure enter com.example.foodmagic as the domain
• Go to Project settings and copy your projectId
• Navigate to the flutter project, which is at FoodMagic/foodmagic
• Copy project_id, colletion ids and other variabales into env.dart
• If you're running on an emulator, insert localhost as the value for IP else use the IP adress of you PC if you're using a physical device.
• make sure to set Appwrite env variable _APP_OPTIONS_FORCE_HTTPS=disabled to load images succesfully.

Run Scripts

• from the root of the project directory, cd scripts/
• replace the environment variables with your project values
• run dart bin/scripts.dart
• once the script finished succesfully, visit the console and click on orders collection
• click on settings and for the field orderItems, edit and select type as document, and choose the orderItems sub collection as the option.
• you're ready to start querying your database.

Setup Functions

• install the appwrite cli
• appwrite init in the scripts folder and paste project id and api key
• execute export PUB_CACHE=.appwrite and dart pub get
• The cache will now be stored within scripts.
• head over to functions in the console and create a new function with Dart 2.12 as the runtime.
• if you don't see it, open the .env file from your home directory where appwrite install was run
• add dart-2.12 as a variable next to other languge runtimes.
• restart the containers with docker compose up -d.
• copy the function id and run from scripts/ folder

 appwrite functions createTag \
    --functionId= <your function id> \
    --command='dart main.dart' \
    --code='./'

• once the tag is created, activate the function and execute to test it.
• Make an order from the app to test the orderStatus function.