Flutter E-commerce App | Google Map | Get User Location On Selection | Zone Based Service | Part 4
512Flutter e-commerce app for ios and android. We cover the Google map part here. We cover how to load google map and select position and save it in the database.
We also enabled zone based server
Flutter E-commerce app tutorial part 1
https://youtu.be/7dAt-JMSCVQ
Flutter E-commerce app tutorial part 2
https://youtu.be/GQJovou6zuE
Flutter E-commerce app tutorial part 3
https://youtu.be/qapb-_gMZRs
Flutter E-commerce app tutorial part 4
https://youtu.be/sJoJVmk1M8Y
Flutter E-commerce app tutorial part 5
https://youtu.be/5VZCpwcZ8dI
Flutter E-commerce app tutorial part 6
https://youtu.be/Oggjb7ATVew
Get the source code of this food ordering app with ui and backend as you saw in the demo section of this video here
https://www.dbestech.com/tutorials/flutter-food-delivery-app-e-commerce-for-ios-and-android
Task management app
https://www.dbestech.com/tutorials/flutter-task-management-app-with-restful-api
It's your next online shop.
This tutorial for beginners to advanced. This app development tutorial covers a complete app as a project. This app uses Getx as state management system. (not speed code, not the flutter way)
twitter @dbestech
If you like my contribution paypal($.99) me at https://www.paypal.com/paypalme/dbestech
Get the quick access to the code for the shopping app from Patreon
https://www.patreon.com/posts/61833613
Get the quick access to the code for the quiz app from Patreon
https://www.patreon.com/posts/63323762
Timeline
0:00:00 Introduction of the Ecommerce app
0:02:55 Flutter App intro
0:03:55 Major features
0:04:44 Tutorial part 1 intoduction
0:06:23 Tutorial part 2 intoduction
0:07:26 Tutorial part 3 intoduction
0:08:00 Start coding - continue from previous part
0:08:10 Camera Position function explained in address page
0:13:53 Bug fix on registering new address
0:16:14 create method called get userAddressfrom local storage in location controller
0:17:42 create and set up pick address map
0:18:28 set up route and getpage for pick address page
0:21:32 set up ontap function for pick address page
0:23:01 work on pick address map
0:25:43 Restart app in emulator
0:26:18 work on pick address map to show google map
0:40:33 Run app on emulator
0:41:10 add loading icon in pick address map
0:45:05 Run app on emulator
0:46:58 Add show address to pick address map using position widget
0:50:08 Add icon to container
0:52:05 Add address to container using expanded widget
0:56:18 work on saving new address location
0:56:52 create new custom button using calling back function
1:01:46 Add text style to custom button
1:06:30 add more button properties
1:09:50 wrap icon button with padding widget
1:14:19 call custom button in pick address map
1:17:50 Add onpressed event to custom button with location controller as depedency
1:21:23 Restart app in emulator
1:23:25 Add theme to main dart file
1:24:48 make changes to new camera position and save
1:26:52 create a method setaddaddress in location controller
1:28:32 call setaddress data in pick address map
1:29:06 Run app in emulator
1:30:40 work on location controller to reflect updated address on UI
1:32:02 Replace get.back function with route parameter
1:32:43 Run app on emulator
1:35 47 Add boolean variables for service zone in location controller
1:38:21 Create method getzone in location controller
1:44:23 restart app on emulator
1:45:03 update position method with getzone
1:49:08 Add condition check to custom button in pick address map
1:53:06 restart app on emulator
1:53:46 update pick address file
1:54:38 Restart app in emulator
1:55:45 update getzone function
1:56:37 set up endpoint for ZONE_URI
1:57:11 Create method getzone in location repo
1:58:03 update change in location controller
2:02:22 debugging statuscode
2:03:35 backend setup for get zone
2:04:15 setup backend zone function in config controller
2:07:23 Zone table in database explained
2:10:58 restart app in emulator
2:11:40 update code in location controller
2:16:05 Restart app on emulator