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

  • 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

  • e
    erwin.novo

    2024-10-04 02:50:27

    Hi which part of the video did you create the AppRoutes class... I don't think this was discussed but the file is present in the YouTube video... You did discuss how the routes work though but not how the AppRoutes class was created. It is possible to obtain a copy of this file please.

    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"; }

  • e
    erwin.novo

    2024-10-04 02:50:12

    Hi which part of the video did you create the AppRoutes class... I don't think this was discussed but the file is present in the YouTube video... You did discuss how the routes work though but not how the AppRoutes class was created. It is possible to obtain a copy of this file please.

  • e
    erwin.novo

    2024-10-04 02:49:58

    Hi which part of the video did you create the AppRoutes class... I don't think this was discussed but the file is present in the YouTube video... You did discuss how the routes work though but not how the AppRoutes class was created. It is possible to obtain a copy of this file please.

  • r
    ra2886380@gmail.com

    2024-09-24 18:46:35

    Hello, i am currently watching and learning from your video Flutter Course for Absolute Beginners | 2024 Latest. But i cannot access https://github.com/dastagir-ahmed/ticket-app to download the archives /assets/images required in 2:57:31. I would be very grateful if you disponibilize that archives. My GitHub if the download is unlisted: https://github.com/DaveSongnata Greetings from Brazil!

    Author response:

    email me at dylandbestech@gmail.com

  • F
    Fabian

    2024-08-28 10:07:26

    Can i have a response please .Thank You

  • F
    Fabian

    2024-08-28 09:33:13

    Hello can i have the github link for the tickets file since the page is not found even if i try to access it

  • F
    Fabian

    2024-08-27 08:54:39

    can in i get the github link for the ticket app i want to check the app routes.dart file

  • F
    Fabian

    2024-08-26 10:25:58

    Thanks for the quick response.I have enjoyed your services

  • F
    Fabian

    2024-08-26 10:25:53

    Thanks for the quick response.I have enjoyed your services

Add Reviews