🍝 restaurant menu app made with flutter inspired by this design https://goo.gl/jChLBV

Overview
Awesome Flutter

Menu Flutter Flutter

preview

Todo

  • Make background colors that changes with PageView
  • Add custom tab indicators
  • Change food prices
  • Make cart animation
  • Customize card shadow
  • apply different text font
  • create secondary screen
  • navigate to secondary screen with hero animation
  • Make cards slide animation
  • Increment & decrement quantities

Getting Started

  1. Install Flutter
  2. Clone this repo
  3. Run flutter run --release on your terminal

For help getting started with Flutter, view our online documentation.

Issues
  • Unable to run the app

    Unable to run the app

    Hello,

    I tried to run the app (flutter run) and a got a error message which i does not understand,

    [[email protected] menu_flutter]$ flutter run
    Using hardware rendering with device Android SDK built for x86 64. If you get graphics artifacts, consider enabling software rendering with "--enable-software-rendering".
    Launching lib/main.dart on Android SDK built for x86 64 in debug mode...
    Initializing gradle...                                       0.6s
    Resolving dependencies...                                    0.9s
    Running 'gradlew assembleDebug'...                               
    compiler message: lib/screens/pager.dart:91:30: Error: The keyword 'const' or 'new' is required here. Due to an implementation limit, the compiler isn't able to infer 'const' or 'new' here.
    compiler message:                       child: Icon(
    compiler message:                              ^
    compiler message: Unhandled exception:
    Crash when compiling file:///home/youssef/Applications/flutter-examples/menu_flutter/lib/screens/pager.dart,
    at character offset 1497:
    lib/screens/pager.dart: Internal problem: Unhandled this in defaultTreeNode.
    #0      internalProblem (package:front_end/src/fasta/problems.dart:30)
    #1      unhandled (package:front_end/src/fasta/problems.dart:43)
    #2      ConstnessEvaluator.defaultTreeNode (package:front_end/src/fasta/kernel/constness_evaluator.dart:112)
    #3      TreeVisitor.defaultExpression (package:kernel/visitor.dart:140)
    #4      TreeVisitor.visitThisExpression (package:kernel/visitor.dart:171)
    #5      ThisExpression.accept (package:kernel/ast.dart:3341)
    #6      ConstnessEvaluator.visitPropertyGet (package:front_end/src/fasta/kernel/constness_evaluator.dart:287)
    #7      PropertyGet.accept (package:kernel/ast.dart:2242)
    #8      ConstnessEvaluator.visitConstructorInvocation (package:front_end/src/fasta/kernel/constness_evaluator.dart:175)
    #9      ConstructorInvocation.accept (package:kernel/ast.dart:2983)
    #10     ConstnessEvaluator.evaluate (package:front_end/src/fasta/kernel/constness_evaluator.dart:99)
    #11     evaluateConstness (package:front_end/src/fasta/kernel/constness_evaluator.dart:466)
    #12     BodyBuilder.inferConstness (package:front_end/src/fasta/kernel/body_builder.dart:710)
    #13     BodyBuilder.finishFunction (package:front_end/src/fasta/kernel/body_builder.dart:697)
    #14     DietListener.listenerFinishFunction (package:front_end/src/fasta/source/diet_listener.dart:684)
    #15     DietListener.parseFunctionBody (package:front_end/src/fasta/source/diet_listener.dart:718)
    #16     DietListener.buildFunctionBody (package:front_end/src/fasta/source/diet_listener.dart:565)
    #17     DietListener.endMethod (package:front_end/src/fasta/source/diet_listener.dart:530)
    #18     Parser.parseMethod (package:front_end/src/fasta/parser/parser.dart:3796)
    #19     Parser.parseClassMemberImpl (package:front_end/src/fasta/parser/parser.dart:3670)
    #20     Parser.parseClassBody (package:front_end/src/fasta/parser/parser.dart:3467)
    #21     Parser.parseClass (package:front_end/src/fasta/parser/parser.dart:1699)
    #22     Parser.parseClassOrNamedMixinApplication (package:front_end/src/fasta/parser/parser.dart:1659)
    #23     Parser.parseTopLevelKeywordDeclaration (package:front_end/src/fasta/parser/parser.dart:535)
    #24     Parser.parseTopLevelDeclarationImpl (package:front_end/src/fasta/parser/parser.dart:451)
    #25     Parser.parseUnit (package:front_end/src/fasta/parser/parser.dart:335)
    #26     SourceLoader.buildBody (package:front_end/src/fasta/source/source_loader.dart:198)
    <asynchronous suspension>
    #27     Loader.buildBodies (package:front_end/src/fasta/loader.dart:157)
    <asynchronous suspension>
    #28     KernelTarget.buildComponent (package:front_end/src/fasta/kernel/kernel_target.dart:292)
    <asynchronous suspension>
    #29     IncrementalCompiler.computeDelta.<anonymous closure> (package:front_end/src/fasta/incremental_compiler.dart:140)
    <asynchronous suspension>
    #30     CompilerContext.runInContext.<anonymous closure> (package:front_end/src/fasta/compiler_context.dart:105)
    #31     _rootRun (dart:async/zone.dart:1126)
    #32     _CustomZone.run (dart:async/zone.dart:1023)
    #33     runZoned (dart:async/zone.dart:1501)
    #34     CompilerContext.runInContext (package:front_end/src/fasta/compiler_context.dart:105)
    #35     IncrementalCompiler.computeDelta (package:front_end/src/fasta/incremental_compiler.dart:61)
    <asynchronous suspension>
    #36     IncrementalCompiler.compile (package:vm/incremental_compiler.dart:33)
    <asynchronous suspension>
    #37     FrontendCompiler.compile.<anonymous closure> (package:vm/frontend_server.dart:254)
    #38     new Future.<anonymous closure> (dart:async/future.dart:174)
    #39     _rootRun (dart:async/zone.dart:1122)
    #40     _CustomZone.run (dart:async/zone.dart:1023)
    #41     _CustomZone.runGuarded (dart:async/zone.dart:925)
    #42     _CustomZone.bindCallbackGuarded.<anonymous closure> (dart:async/zone.dart:965)
    #43     _rootRun (dart:async/zone.dart:1126)
    #44     _CustomZone.run (dart:async/zone.dart:1023)
    #45     _CustomZone.bindCallback.<anonymous closure> (dart:async/zone.dart:949)
    #46     Timer._createTimer.<anonymous closure> (dart:async-patch/dart:async/timer_patch.dart:21)
    #47     _Timer._runTimers (dart:isolate-patch/dart:isolate/timer_impl.dart:382)
    #48     _Timer._handleMessage (dart:isolate-patch/dart:isolate/timer_impl.dart:416)
    #49     _RawReceivePortImpl._handleMessage (dart:isolate-patch/dart:isolate/isolate_patch.dart:165)
    
    
    #0      internalProblem (package:front_end/src/fasta/problems.dart:30)
    #1      unhandled (package:front_end/src/fasta/problems.dart:43)
    #2      ConstnessEvaluator.defaultTreeNode (package:front_end/src/fasta/kernel/constness_evaluator.dart:112)
    #3      TreeVisitor.defaultExpression (package:kernel/visitor.dart:140)
    #4      TreeVisitor.visitThisExpression (package:kernel/visitor.dart:171)
    #5      ThisExpression.accept (package:kernel/ast.dart:3341)
    #6      ConstnessEvaluator.visitPropertyGet (package:front_end/src/fasta/kernel/constness_evaluator.dart:287)
    #7      PropertyGet.accept (package:kernel/ast.dart:2242)
    #8      ConstnessEvaluator.visitConstructorInvocation (package:front_end/src/fasta/kernel/constness_evaluator.dart:175)
    #9      ConstructorInvocation.accept (package:kernel/ast.dart:2983)
    #10     ConstnessEvaluator.evaluate (package:front_end/src/fasta/kernel/constness_evaluator.dart:99)
    #11     evaluateConstness (package:front_end/src/fasta/kernel/constness_evaluator.dart:466)
    #12     BodyBuilder.inferConstness (package:front_end/src/fasta/kernel/body_builder.dart:710)
    #13     BodyBuilder.finishFunction (package:front_end/src/fasta/kernel/body_builder.dart:697)
    #14     DietListener.listenerFinishFunction (package:front_end/src/fasta/source/diet_listener.dart:684)
    #15     DietListener.parseFunctionBody (package:front_end/src/fasta/source/diet_listener.dart:718)
    #16     DietListener.buildFunctionBody (package:front_end/src/fasta/source/diet_listener.dart:565)
    #17     DietListener.endMethod (package:front_end/src/fasta/source/diet_listener.dart:530)
    #18     Parser.parseMethod (package:front_end/src/fasta/parser/parser.dart:3796)
    #19     Parser.parseClassMemberImpl (package:front_end/src/fasta/parser/parser.dart:3670)
    #20     Parser.parseClassBody (package:front_end/src/fasta/parser/parser.dart:3467)
    #21     Parser.parseClass (package:front_end/src/fasta/parser/parser.dart:1699)
    #22     Parser.parseClassOrNamedMixinApplication (package:front_end/src/fasta/parser/parser.dart:1659)
    #23     Parser.parseTopLevelKeywordDeclaration (package:front_end/src/fasta/parser/parser.dart:535)
    #24     Parser.parseTopLevelDeclarationImpl (package:front_end/src/fasta/parser/parser.dart:451)
    #25     Parser.parseUnit (package:front_end/src/fasta/parser/parser.dart:335)
    #26     SourceLoader.buildBody (package:front_end/src/fasta/source/source_loader.dart:198)
    <asynchronous suspension>
    #27     Loader.buildBodies (package:front_end/src/fasta/loader.dart:157)
    <asynchronous suspension>
    #28     KernelTarget.buildComponent (package:front_end/src/fasta/kernel/kernel_target.dart:292)
    <asynchronous suspension>
    #29     IncrementalCompiler.computeDelta.<anonymous closure> (package:front_end/src/fasta/incremental_compiler.dart:140)
    <asynchronous suspension>
    #30     CompilerContext.runInContext.<anonymous closure> (package:front_end/src/fasta/compiler_context.dart:105)
    #31     _rootRun (dart:async/zone.dart:1126)
    #32     _CustomZone.run (dart:async/zone.dart:1023)
    #33     runZoned (dart:async/zone.dart:1501)
    #34     CompilerContext.runInContext (package:front_end/src/fasta/compiler_context.dart:105)
    #35     IncrementalCompiler.computeDelta (package:front_end/src/fasta/incremental_compiler.dart:61)
    <asynchronous suspension>
    #36     IncrementalCompiler.compile (package:vm/incremental_compiler.dart:33)
    <asynchronous suspension>
    #37     FrontendCompiler.compile.<anonymous closure> (package:vm/frontend_server.dart:254)
    #38     new Future.<anonymous closure> (dart:async/future.dart:174)
    #39     _rootRun (dart:async/zone.dart:1122)
    #40     _CustomZone.run (dart:async/zone.dart:1023)
    #41     _CustomZone.runGuarded (dart:async/zone.dart:925)
    #42     _CustomZone.bindCallbackGuarded.<anonymous closure> (dart:async/zone.dart:965)
    #43     _rootRun (dart:async/zone.dart:1126)
    #44     _CustomZone.run (dart:async/zone.dart:1023)
    #45     _CustomZone.bindCallback.<anonymous closure> (dart:async/zone.dart:949)
    #46     Timer._createTimer.<anonymous closure> (dart:async-patch/dart:async/timer_patch.dart:21)
    #47     _Timer._runTimers (dart:isolate-patch/dart:isolate/timer_impl.dart:382)
    #48     _Timer._handleMessage (dart:isolate-patch/dart:isolate/timer_impl.dart:416)
    #49     _RawReceivePortImpl._handleMessage (dart:isolate-patch/dart:isolate/isolate_patch.dart:165)
    
    Compiler terminated unexpectedly on /home/youssef/Applications/flutter-examples/menu_flutter/lib/main.dart
    
    FAILURE: Build failed with an exception.
    
    * Where:
    Script '/home/youssef/Applications/flutter/packages/flutter_tools/gradle/flutter.gradle' line: 441
    
    * What went wrong:
    Execution failed for task ':app:flutterDependenciesDebug'.
    > Process 'command '/home/youssef/Applications/flutter/bin/flutter'' finished with non-zero exit value 1
    
    * Try:
    Run with --stacktrace option to get the stack trace. Run with --info or --debug option to get more log output.
    Gradle build failed: 1
    

    Do you have any idea on what am i doing wrong ? thank you.

    Ps : Let me tell you that your app looks wonderfull, you made a really great job on the design !

    opened by YoussF 3
  • Updating menu spelling and switching to optional const

    Updating menu spelling and switching to optional const

    Braulio, I've tweaked the names of some of the menu items here along with fixing a few other minor nits. Note that I've switched to the new syntax for optional const, so this code requires --preview-dart-2 if you're running from the beta channel.

    opened by timsneath 1
  • Create LICENSE

    Create LICENSE

    opened by braulio94 0
  • card slide animation

    card slide animation

    Make cards on the side smaller than the one in the middle and a slide transition when the're changed. Maybe turn it in to a lib who knows someone else will find it useful

    help wanted 
    opened by braulio94 0
  • Add run on repl.it badge to README

    Add run on repl.it badge to README

    This pull request adds a badge to the . This will allow users to easily run this repository in their browser, without having to set up an environment. You can learn more about Repl.it here.

    opened by Rawwwws 0
Owner
Braulio Cassule
Software Engineer & Organizer | @android, @flutter and @golang @java
Braulio Cassule
Flutter representation of a Restaurant app UI.

?? Foodybite Flutter representation of a Restaurant app UI i found in Uplabs. It only consists of 2 screens. Star ⭐ the repo if you like what you see

Festus Olusegun 1.1k Jan 17, 2022
https://dribbble.com/shots/3812962-iPhone-X-Todo-Concept Made With Flutter

?? FlutterTodo ?? Install Note: Make sure your Flutter environment is setup. In the command terminal, run the following commands: $ git clone https://

Marc L. 522 Jan 9, 2022
a chat app ui design made in flutter

Chat Application UI in Flutter a chat application ui created using flutter. this application consits of two pages Homepage view with tab bar and tab b

Antony David 50 Oct 30, 2021
Let's create a selectable Flutter Navigation Drawer with routing that highlights the current item within the Flutter Sidebar Menu.

Flutter Tutorial - Sidebar Menu & Selectable Navigation Drawer Let's create a selectable Flutter Navigation Drawer with routing that highlights the cu

Johannes Milke 9 Dec 9, 2021
Let's create a Flutter Collapsible Sidebar Menu that can collapse and expand the Navigation Drawer in Flutter.

Flutter Tutorial - Collapsible Sidebar Menu & Navigation Drawer Let's create a Flutter Collapsible Sidebar Menu that can collapse and expand the Navig

Johannes Milke 11 Dec 9, 2021
An easy to use side menu in flutter and can used for navigations

Easy Sidemenu Easy sidemenu is An easy to use side menu (bar) for flutter that you can use for navigations in your application. Sidemenu is a menu tha

Mohammad Jamalianpour 16 Oct 7, 2021
Docker images for the Dart programming language (https://dart.dev)

dart-docker This is the Git repo of the Docker "Official Images" for the Dart programming language. See the Docker Hub page for a full description on

Dart 34 Jan 16, 2022
An Ubuntu desktop settings app made with Flutter

unofficial Ubuntu Desktop Settings App made with Flutter - WIP TODO use real yaru icons - thanks to @Jupi007 improve layout implement settings search

Frederik Feichtmeier 111 Jan 10, 2022
A font catalogue app made with flutter

Fontina An app which showcases a personally curated collection of fonts. Written in flutter, cross-platform and responsive. Uses the Fontgen API to di

Shreeyans Bahadkar 51 Dec 7, 2021
The UI/UX of Music app from Capi Design team.

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

null 47 Sep 7, 2021
πŸš— Apple CarPlay for Flutter Apps. Aims to make it safe to use apps made with Flutter in the car by integrating with CarPlay.

CarPlay with Flutter ?? Flutter Apps now on Apple CarPlay! flutter_carplay aims to make it safe to use iPhone apps made with Flutter in the car by int

Oğuzhan Atalay 91 Jan 11, 2022
A web portfolio made with flutter

Web Portfolio, Based on a design on UpLabs and hosted on Firebase ?? .

Olayemii Garuba 113 Jan 15, 2022
Instagram UI made in Flutter

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

null 9 May 2, 2021
COVID-19 application made with Flutter, following Test Driven Development (TDD) and Clean Architecture along with Internationalization with JSON.

Covid App COVID-19 application made with Flutter, following Test Driven Development (TDD) and Clean Architecture along with Internationalization with

Sandip Pramanik 3 May 24, 2021
Pokedex made with Flutter

Pokedex Flutter Made with Flutter https://studioi.web.app App preview This project is a starting point for a Flutter application. A few resources to g

Ayush Chauhan 16 Dec 9, 2021
Youtube video downloader made using flutter.

FluTube Youtube video downloader made using flutter. Direct app download Build from source Download latest Flutter SDK (>=2.2.3) Clone this repo and t

Prateek SU 58 Jan 8, 2022
Simple UI design implementation of two pages.

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

null 4 Sep 21, 2021
A starter kit for beginner learns with Bloc pattern, RxDart, sqflite, Fluro and Dio to architect a flutter project. This starter kit build an App Store app as a example

Flutter Starter Kit - App Store Example A starter kit for beginner learns with Bloc pattern, RxDart, sqflite, Fluro and Dio to architect a flutter pro

kw101 606 Jan 16, 2022