An open source food delivery product and service that will be developed on the FilledStacks YouTube channel

Related tags

Templates boxtout
Overview

Box't Out

An open source food delivery product and service that will be developed on the FilledStacks YouTube channel. The repo will contain all the software required to run the open source Box't Out food delivery product. This is not a "product for a tutorial", this will be an actual product. It just so happens that I'll be making a tutorial and video for every part of it that is developed as well as make all the code available through this repository.

Setup

The source code to run the product can be found in the src/ folder. The code is split into two major sections, backend and clients. The backend folder contains firebase code required to run the backend. Clients are the front facing clients that will be connected to the backend.

Comments
  • ✨ Updated BoxtOut AddressSelectionUI

    ✨ Updated BoxtOut AddressSelectionUI

    • [x] Build the AutoCompleteListItem to match the design
    • [x] Add the animation to move the "search input" higher when the user focus's on it
    • [x] Hide the keyboard and auto complete results when user selects a location
    • [x] Center the floating continue button on the Scaffold
    • [x] Hide the floating continue button until we have selected a value
    opened by algokun 9
  • [Discussion] High-Level Technical planning and Overview Discussion

    [Discussion] High-Level Technical planning and Overview Discussion

    This issue is dedicated to the discussion of the Technical Planning and Overview document in the Wiki. Any comments please leave it below. Any suggestions, anything.

    If we can do something better I'm happy to re-think the approach.

    opened by FilledStacks 8
  • Update term for http function from idle to restful

    Update term for http function from idle to restful

    As pointed out in this reply from Llewellyn. Instead of using idle for the http function group name, we should use the industry standard and call it restful.

    This issue is created as the task to update the naming in the documentation as well as in the code

    • [x] Update the term idle to restful in the written documentation
    • [x] Update the term idle to restful in the codebase

    If you'd like to do this please comment below. I'll only get around to this on Thursday

    opened by FilledStacks 4
  • [Discussion] Technical Product Architecture Planning

    [Discussion] Technical Product Architecture Planning

    As mentioned at the end of the new video you can watch here this is the discussion where you can ask questions about the Technical Product Architecture. If you have suggestions please leave them below. The process of determining the best technical architecture is the same one we followed to determine the high level overview of the product architecture. We will walk through the largest and most important use case and technically detail what needs to happen or what would be the best way to do this. The scenario is as follows:

    1. User adds product to their cart
    2. User wants to checkout
    3. User has to add a payment method
    4. User checks out
    5. Order shows up on restaurant app
    6. Restaurant confirms the order and sends a preparation time
    7. Restaurant marks order ready for pickup
    8. Driver gets the order
    9. Driver delivers to the User

    These are the high-level steps for the most important process in this service. We will use this to determine the following technical details that would be required before we start writing any code.

    • [ ] Establish how the data will flow from a user client, through the services and back to the client
    • [ ] Establish which data models will be required to get the information from the client through the services and back to the client in the most effective manner
    • [ ] Establish the data collections that will be required to provide this information
    • [ ] Establish the usage of the cloud functions and their intentions

    Once we have all this information we will have a better idea of what we are building which will give us a better platform to work off when planning the actual development work. Once the decisions have been made all of this will be moved into a document in the Wiki which will detail everything that has been decided.

    opened by FilledStacks 3
  • Activate discussion tab in your project

    Activate discussion tab in your project

    On github there is a new feature for discussions, which can be activated in the settings of your project. The discussions can also be grouped into different categories, so it will not spam the issues area.

    opened by mars3142 2
  • rimraf is not recognized as an internal or external command

    rimraf is not recognized as an internal or external command

    When running npm run build in the backend/functions folder the error

    'rimraf' is not recognized as an internal or external command, operable program or batch file. is thrown. Full error below.

    PS D:\Code\Clients\FilledStacks\boxtout\src\backend\functions> npm run build
    
    > functions@ prebuild D:\Code\Clients\FilledStacks\boxtout\src\backend\functions
    > npm run clean
    
    
    > functions@ clean D:\Code\Clients\FilledStacks\boxtout\src\backend\functions
    > rimraf lib/
    
    'rimraf' is not recognized as an internal or external command,
    operable program or batch file.
    npm ERR! code ELIFECYCLE
    npm ERR! errno 1
    npm ERR! functions@ clean: `rimraf lib/`
    npm ERR! Exit status 1
    npm ERR!
    npm ERR! Failed at the functions@ clean script.
    npm ERR! This is probably not a problem with npm. There is likely additional logging output above.
    
    npm ERR! A complete log of this run can be found in:
    npm ERR!     C:\Users\User\AppData\Roaming\npm-cache\_logs\2021-02-15T13_29_18_968Z-debug.log
    npm ERR! code ELIFECYCLE
    npm ERR! errno 1
    npm ERR! functions@ prebuild: `npm run clean`
    npm ERR! Exit status 1
    npm ERR!
    npm ERR! Failed at the functions@ prebuild script.
    npm ERR! This is probably not a problem with npm. There is likely additional logging output above.
    
    npm ERR! A complete log of this run can be found in:
    npm ERR!     C:\Users\User\AppData\Roaming\npm-cache\_logs\2021-02-15T13_29_19_034Z-debug.log
    
    opened by FilledStacks 1
  • Feature/address selection

    Feature/address selection

    • created data models relevant for the PlacesAPI integration
    • added dependencies relevant to the PlacesAPI implementation on PlacesService
    • built out the UI for AddressSelectionView
    • added easy_debounce as a dependency to debounce queries
    • built out basic implementation of the AddressSelectionViewModel

    I haven't been able to exactly copy the design :P

    Demo

    https://user-images.githubusercontent.com/45052332/116979836-1048b780-acf8-11eb-9b0a-b443d3abfabb.mp4

    opened by carlomigueldy 0
  • Refactor: Change

    Refactor: Change "idle" term to "restful"

    Fix for this issue #8

    Please note I did not test with the emulator as this is a low-risk change. I did build locally and run and I got the expected console outputs

    opened by llewellyncollins 0
  • [Question] how to flutter run from terminal

    [Question] how to flutter run from terminal

    how to run from terminal

    MacBook-Pro:bm_ui roliesdonald$ flutter run example/lib/main.dart No supported devices connected. The following devices were found, but are not supported by this project: Redmi 6A (mobile) • 030a68b07d26 • android-arm • Android 9 (API 28) macOS (desktop) • macos • darwin-x64 • Mac OS X 10.14.6 18G103 darwin-x64 Chrome (web) • chrome • web-javascript • Google Chrome 92.0.4515.159 If you would like your app to run on android or macos or web, consider running flutter create . to generate projects for these platforms.

    @FilledStacks

    opened by RoliesDonald 0
  • Feature/fetch and display region specific restaurants on home view

    Feature/fetch and display region specific restaurants on home view

    • [x] Update the merchant fakeDataPopulator code to generate the merchants (as-is) under a specific region. We'll do it for cape town only for now.
    • [x] Build the LargeMerchantItem in the box_ui project
    • [x] Add the LargeMerchantItem into the box_ui example to show how it'll look
    • [x] Add the function in the FirestoreApi to get the merchants for a region when landing on home
    • [x] Display that list through the ViewModel using a FutureViewModel
    • [x] Show a busy indicator (just a basic CircularProgressIndicator),

    Sorry for the pictures😂 It's from faker API I'll fix it later Screenshot_1627378956

    opened by ebrahim-soliman 1
  • Build BoxtOut AddressSelectionUI

    Build BoxtOut AddressSelectionUI

    Address Selection UI sync

    The functionality for the Address selection has been built. At the moment it does not match the styling from the designs. See attached.

    12-Enter Address 13-Type location

    In this ticket we need to:

    • [ ] Build the AutoCompleteListItem to match the design
    • [ ] Add the animation to move the "search input" higher when the user focus's on it
    • [ ] Hide the keyboard and auto complete results when user selects a location
    • [ ] Center the floating continue button on the Scaffold
    • [ ] Hide the floating continue button until we have selected a value

    The PR for this ticket will be reviewed in a FilledStacks episode so keep it tight! Keep things neat :)

    I hope someone does it lol. Otherwise I'm talking to myself. Which happens a lot 😄

    help wanted 
    opened by FilledStacks 3
  • disposeForm not called

    disposeForm not called

    In the video on integrating sign in, shouldn’t the disposeForm() method be called? I’m debugging breakpoints and not seeing that generated method called. Maybe it happens automatically? I just noticed it because the TextEditControllers seem to “randomly” drop off and not pick up new values (in my integration of it) after awhile, switching between screens. But that may have something to do with the emulator and hot reload, as restarting fixes it - for a little while.

    In any case, wondering if missing the dispose would cause a leak?

          onModelReady: (model) => listenToFormUpdated(model),
          onDispose: () => disposeForm(),  // <--- MISSING??
    
    opened by manafire 2
Owner
Dane Mackier
Full-Stack applications developer focussed on complete Mobile products.
Dane Mackier
Yumniastic is a online food delivery service app built with Flutter and Django

Welcome to Flutter Yumniastic ?? Yumniastic is a online food delivery service app built with Flutter and Django ?? See Screenshots See ScreenShots Dow

null 21 Dec 26, 2022
Add Product In Auction. Bid Austion Product

auctionapp Auction App like eBay. Use firebase auth users can signin using their gmail account. After login, the user will see the auction item galler

Md Enam Ahmed Chowdhury 3 Feb 7, 2022
Product List Digikala - A List Of Product Digikala App With Flutter

Product List Digikala This is a Mini-Project For Digikala App With Flutter By Mi

Dively_HP 4 Jan 7, 2023
Flutter tutorial - This is my first Flutter tutorial app. Thanks to The Net Ninja youtube channel for this wonderful tutorial

ninja_id A new Flutter project. Getting Started This project is a starting point for a Flutter application. A few resources to get you started if this

null 1 Jun 9, 2022
Excess Food Locator helps food providers connect with food distributing NGOs.

Excess Food Locator Excess Food Locator helps people having excess food connect with other resources and distributors. This application is based on a

Pranav Kale 6 Nov 6, 2022
This is a Flutter Food Recipe App this shows food recipes of any food which you want.

food_recipe_app A new Flutter project. Getting Started This project is a starting point for a Flutter application. A few resources to get you started

Saksham gupta 3 Oct 31, 2022
A set of widgets to help with the implementation of the Provider architecture as shown by FilledStacks

Provider Architecture - Deprecated on 21 April 2020 Notice V2 of this package is renamed to Stacked Stacked is the name of the architecture that was o

Dane Mackier 84 Dec 16, 2021
Food Delivery App made by Flutter and Bloc

Flutter Chi A clone food delivery app made by flutter and Bloc using api of Yelp and Zomato Screenshots home page profile page account page pick page

Joe Jia 125 Dec 3, 2022
Flutter Food Delivery Application design and Animation - day 3

Flutter Food Delivery Application Design - Day 3 class Day3 extends Flutter100DaysOfCode { video() { return { "title": "Flutter Food Deliv

Mohammad Rahmani 229 Dec 21, 2022
This is a on-demend food delivery app specifically for learning and exploring flutter amazing framework

This is a on-demend food delivery app specifically for learning and exploring flutter amazing framework. This Project is developed to help beginners, intermediates and sometime advance to know better about using Firebase services and tools, different flutter state management solutions, complex navigations, realtime control over maps, understanding payments etc.

Paul Edeme'kong - Flutter Fairy 15 Nov 5, 2022
Home-Service-App - Home Service App Built With Flutter

Home-Service-App Home Service App Sample Images

Justin Roy 2 Sep 4, 2022
Our application, MyArmyPal serves to be an all in one service for our service men.

Our application, MyArmyPal serves to be an all in one service for our service men. It seeks to provide convenience and useful features just one tap away. Its main features include an IPPT Calculator, reservist checklist, customized IPPT training plan according to the user's current fitness level and a canteen order pick up service in all army camps. We are also implementing an anytime Eliss system using computer vision for users to check on their push up form easily.

Poh Wei Pin 3 Jun 17, 2022
Flutter Food Delivery APP

Flutter 'Food Delivery APP' A Flutter app based on the design of the Food Delivery APP, created by Mehedi Hasan see more on Greating Start Clone the r

Nuzmul Hossain Nahid 6 Nov 6, 2022
Flutter Food Delivery Application Design

Flutter Food Delivery Application Design This application is not completed yet. Currently, I am working on it. A small attempt to make an Food deliver

Md Tarikul Islam 814 Jan 7, 2023
A Flutter Splash Screen For Food Delivery App

newfoodexpress A new Flutter project on board screen or splash screen for any app. But this developed for Food delivery app. Getting Started This proj

Faysal Neowaz 4 Dec 27, 2022
Food Delivery on Blockchain

Food Delivery on Blockchain This research is an application development to increase the reliability of food delivery businesses. By applying proven an

null 0 May 19, 2022
Search and view popular Youtube videos with Youtube API in Flutter App

getx_bottom_nav_sample The sample of AnimatedBottomNavBar with GetX 주요 Package 설명 1.url_launcher url_launcher pub.dev flutter 에서 인앱, 외부 브라우저로 연길 시켜 주는

Jacob Ko 1 Dec 25, 2021
Youtube Clone App with GetX & Youtube Data Api V3 [MVC pattern]

Youtube App ✍?? Youtube App Clone with GetX & Youtube Data Api V3 [MVC pattern] ????‍?? Youtube App app is open-source Youtube App app for Android & i

null 6 Nov 6, 2022