Flutter Ticket Booking App

Created At: 2022-07-02 18:29:37 Updated At: 2024-10-10 03:27:03

Take the course on Udemy

This app tutorial covers Flutter for very beginners step by step. We start from very simple ui like drawing text to complex layout using stack and mixture of column and row widget.

We have explained everything in terms of concepts. We have covered Dart core concepts like classes, modifiers (const, final, static), List & Map. After understanding List & Map, we have loaded Map data and shown on the screen.

Not only that, we have given a demonstration of the theory in the code. Every theory is done with pictures or ppt so that beginners can understand easily. The very complex UI layout is explained using detailed pictures.

Step by step we have covered Routing and Navigation with MaterialApp. We shown how routes are connected with Navigator widget and how to manage the stacks of routes.

We also built reusable widget to reduce code amount.  So at the end of this tutorial you learn how to build simple to complex reusable flutter widgets.

The widgets we built in this tutorial

  1. reusable style component
  2. reusable color pallet
  3. reusable column widget
  4. reusable layout builder widget
  5. reusable colum widget
  6. reusable row widget
  7. reusable ticket widget
  8. master dart concepts like classes, abstract classes and constructors
  9. state management is covered with GetX, BLoC and Riverpod concepts

 The concept we learn here

  1. Dart latest concept
  2. Flutter latest framework
  3. Dart state management packages 
  4. Routing in Flutter using GetX
  5. Dart programming concept in depth like classes, inheritance and abstraction

Complete code for early access 

  1. Patreon link for the code
  2. Buymeacoffee link for the code
  3. Free code for youtube followers

You might be interested in learning about

  1. E-commerce app with paypal payment and backend (Getx sate management)
  2. Travel app with backend (BLoC state management)
  3. Study app with Firebase backend (Getx state management)
  4. Educational course selling app with stripe payment (BLoC state management)
  5. Complete Firebase chat app
  6. Audio Video and Text Chat app with Laravel
  7. Flutter game app

Some missing information for youtube followers

Map and List for hotel

List<Map<String, dynamic>> hotelList = [
  {
    'image': 'one.png',
    'place': 'Open Space',
    'destination': 'London',
    'price': 25
  },
  {
    'image': 'two.png',
    'place': 'Global Will',
    'destination': 'London',
    'price': 40
  },
  {
    'image': 'three.png',
    'place': 'Tallest Building',
    'destination': 'Dubai',
    'price': 68
  },
];

Map and List for Ticket

List<Map<String, dynamic>> ticketList = [
  {
    'from': {
      'code':"NYC",
      'name':"New-York"
    },
    'to': {
      'code':"LDN",
      'name':"London"
    },
    'flying_time': '8H 30M',
    'date': "1 MAY",
    'departure_time':"08:00 AM",
    "number":23
  },
  {
    'from': {
      'code':"DK",
      'name':"Dhaka"
    },
    'to': {
      'code':"SH",
      'name':"Shanghai"
    },
    'flying_time': '4H 20M',
    'date': "10 MAY",
    'departure_time':"09:00 AM",
    "number":45
  },
];
class AppRoutes{

  static const homePage = "/";

  static const allTickets = "/all_tickets";

  static const ticketScreen = "/ticket_screen";

  static const allHotels = "/all_hotels";

  static const hotelDetail = "/hotel_detail";

} 

E-commerce App

Firebase Advanced Master Class

Comment

  • r
    ra2886380@gmail.com

    2024-12-23 21:57:57

    I can't download the assets. It say please enter the email and verify the link.

  • r
    ra2886380@gmail.com

    2024-12-23 21:57:55

    I can't download the assets. It say please enter the email and verify the link.

  • r
    ra2886380@gmail.com

    2024-12-23 21:55:56

    I can't download the assets. It say please enter the email and verify the link.

  • r
    ra2886380@gmail.com

    2024-12-22 11:01:36

    Hello i cannot access the image starter files

  • r
    ra2886380@gmail.com

    2024-12-09 17:51:44

    i cant dowloand the images either can you sent to my email please ?

    Author response:

    Did you check your email? I sent them two days ago.

  • r
    ra2886380@gmail.com

    2024-12-07 07:29:39

    I can't download the assets. It say please enter the email and verify the link. But can't able to login and download it.

    Author response:

    check your email. I sent you those

  • n
    noelzgeorge

    2024-12-03 12:18:15

    Hi I am getting this error when using the Gap package Performing hot reload... Syncing files to device sdk gphone64 x86 64... lib/screens/home_screen.dart:28:25: Error: Expected ',' before this. Text( ^^^^ /C:/Users/nejin/AppData/Local/Pub/Cache/hosted/pub.dev/gap-2.0.2/lib/src/rendering/gap.dart:43:38: Error: A value of type 'RenderObject?' can't be assigned to a variable of type 'AbstractNode?'. - 'RenderObject' is from 'package:flutter/src/rendering/object.dart' ('/C:/flutter/src/flutter/packages/flutter/lib/src/rendering/object.dart'). - 'AbstractNode' is from 'package:flutter/src/foundation/node.dart' ('/C:/flutter/src/flutter/packages/flutter/lib/src/foundation/node.dart'). final AbstractNode? parentNode = parent; ^ /C:/Users/nejin/AppData/Local/Pub/Cache/hosted/pub.dev/gap-2.0.2/lib/src/rendering/gap.dart:45:25: Error: The getter 'direction' isn't defined for the class 'AbstractNode?'. - 'AbstractNode' is from 'package:flutter/src/foundation/node.dart' ('/C:/flutter/src/flutter/packages/flutter/lib/src/foundation/node.dart'). Try correcting the name to the name of an existing getter, or defining a getter or field named 'direction'. return parentNode.direction; ^^^^^^^^^

    Author response:

    Upgrade your flutter.

  • r
    ra2886380@gmail.com

    2024-11-24 07:49:57

    This course has helped me understand the entire concept of Flutter.

    Author response:

    Please share the tut

  • r
    ra2886380@gmail.com

    2024-11-24 07:49:50

    This course has helped me understand the entire concept of Flutter.

    Author response:

    Thanks for liking and sharing

  • t
    test58

    2024-11-16 09:31:39

    hello

    Author response:

    Hello

  • r
    ra2886380@gmail.com

    2024-11-11 21:45:03

    I need the assets

  • r
    ra2886380@gmail.com

    2024-11-11 21:36:23

    I can't download the assets!

  • j
    jin_mori

    2024-10-07 17:30:53

    Who are confused with AppRoutes, just create an app_routes.dart file in res directory. in app_routes.dart file declare the following class- ``` class AppRoutes { static const String home = '/'; static const String allTickets = '/all_tickets'; } ``` and you can access inner contents like- AppRoutes.home

    Author response:

    I have already published it.

  • N
    Netneny

    2024-10-07 15:31:12

    Please if you could load or provide some hints on app_route.dar file which is missing in video.

    Author response:

    Here we go class AppRoutes{ static const homePage = "/"; static const allTickets = "/all_tickets"; static const ticketScreen = "/ticket_screen"; static const allHotels = "/all_hotels"; static const hotelDetail = "/hotel_detail"; }

  • r
    ra2886380@gmail.com

    2024-10-07 10:22:52

    you are nice teacher . May ALLAH bless you . ameen

    Author response:

    Ammen

Add Reviews