In this flutter e-commerce app series we will cover google map search and payment with paypal.
Flutter E-commerce app tutorial part 1
• Flutter E-commerce App With Backend |...
Flutter E-commerce app tutorial part 2
• Flutter Shop App With Backend | Deliv...
Flutter E-commerce app tutorial part 3
• Flutter Ecommerce App With Laravel Ba...
Flutter E-commerce app tutorial part 4
• Flutter E-commerce App | Google Map |...
Flutter E-commerce app tutorial part 5
• Flutter Food Delivery App | Payment W...
Flutter E-commerce app tutorial part 6
• Flutter E-commerce App | Place Order ...
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(..making search address responsive)
0:09:58 Add icon for search address location
0:12:04 Add Gesture detector to search address
0:13:22 create search location dialogue widget for pickup Address
0:14:50 Use TextEditing controller for search text input
0:15:43 Use material Widget to display pop-up on search location
0:18:07 Calling search location dialogue using GetX from pickup_address
0:19:43 Testing the functionaity of the search location
0:20:43 Add dependencies to pubspec
0:23:20 Use Typeahead plugin in search location
0:28:25 Declear an Eloquent for SEARCH_LOCATION_URI
0:29:25 create an endpoint in location_repo
0:31:14 create a method in location_controller
0:35:07 Declear variable to save google map suggestion for address
0:38:23 create a post request and test using postman
0:40:52 Create server side endpoint
0:45:02 go back to location controller
0:46:56 Create api checker using getx plugin
0:50:09 Call api checker in location controller
0:52:35 Call location controler in search location dialogue
0:56:20 Add location icon and Text
0:57:23 Review on Emulator
0:58:00 Add decoration to search location page
1:03:00 Adding predition method to search field
1:04:40 work on text search and attribute
1:11:25 create an endpoint for PLACE_DETAIL_URI in app constant
1:12:02 Create an endpoint setlocation in locationRepo
1:14:22 create a post request and test using postman
1:18:50 place api functions in config controller explained in laravel backed
1:20:08 create method setLocation in location controller
1:25:30 setup pickpositon in setLocation
1:26:59 setup pickplacemark in setLocation
1:28:26 update setLocation method in search dialogue page
1:37:24 update change address in location controller
1:39:53 Flutter payment intro
1:42:19 Paypal development account video intro
1:43:10 Paypal integration detail
1:43:46 Install paypal SDK
1:46:21 Setup routes for paypal in backend
1:49:36 Create payment controller in backend
1:55:10 create payment view blade file in backend
1:59:56 configure payment method
2:02:16 Create and configure payment controller in backend
2:04:30 create paypal file in backend
2:05:43 add paypal client Id and payment secret details to .env file
2:09:42 paypal installation SDK source code
2:11:15 Return to paypal payment controller configuration
2:17:59 setup BusinessSetting model
2:19:13 create Business Setting table in Database
2:23:29 create orders tabe in Database
2:26:09 create order details table in Database
2:27:14 paypal front end setup intro
2:28:03 create payment page in flutter and import necessary depenedencies
2:31:22 create order model
2:33:04 setup payment route and ordersuccess
2:39:02 Integrating the payment route page in the cart page
2:43:49 Run app on emulator
2:47:43 Update info.plist file to enable webview
2:48:46 Debug Paypal on browser
2:51:32 Using completer with webview
2:53:05 Basic setup f0r webview in payment page
2:56:09 Create order controller class
2:57:27 setup PLACE_ORDER_UI endpoint
2:58:34 create order repo class
3:01:49 update order controller
3:05:35 calling paypal webview from cartpage using callback function
3:08:01 create callback function
3:11:12 setting up callback function in order controller
3:14:13 create and update place order model ad import necessary dependencies
3:18:25 create order object controller in cartpage
3:22:40 add PlaceOrderBody in order controller
3:23:28 Add placeOrderBody function to order_repo
3:25:38 Add route to backend
3:32:44 Add placeOrder function to order controller in backend
3:33:36 update hardcoded parameter in callback function
3:34:18 payment page redirect function explained
3:37:06 setup order SuccessPage route
3:40:08 Order success page explained
3:41:22 Add order_repo and order_controller to dependencies file
3:42:11 Run app on emulator