Flutter Food Delivery App | Payment With Paypal |Google Search Address | Part 5

Channel:
Subscribers:
135,000
Published on ● Video Link: https://www.youtube.com/watch?v=5VZCpwcZ8dI



Duration: 3:45:41
22,107 views
447


In this flutter e-commerce app series we will cover google map search and payment with paypal.

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


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




Other Videos By dbestech


2022-05-21Flutter 3.0 Build Apps for MacOS | Windows | Linux
2022-05-21Null Safety | The argument type 'Color?' can't be assigned to the parameter type 'Color
2022-05-18Flutter 3.0 Game Development | Powerful Game Template
2022-05-18Flutter ValueNotifier and ChangeNotifier Difference | State Management
2022-05-17Flutter FadeInImage Widget | Load Large Network Image Lazily
2022-05-15Difference between Provider and ChangeNotifierProvider | Futter
2022-05-13Flutter 3.0 Error: Member not found: 'UnicodeChar' | Flutter Upgrade Build
2022-05-13Flutter 3.0 | Coolest Features | Why you should learn Flutter or React Native
2022-05-12Flutter Gridview with SliverGridDelegateWithFixedCrossAxisCount
2022-05-10Flutter Cache Network Image and Lazy Loading With Placeholder
2022-05-09Flutter Food Delivery App | Payment With Paypal |Google Search Address | Part 5
2022-05-09[Solved] Flutter Webview Blank White Screen | Flutter Webview Keep Loading [iOS] webview_flutter
2022-05-05Flutter App Upload Image | Save Image to Server | image_picker | Laravel(PHP) | Nodejs | Given Code
2022-05-04Flutter Android Studio Installation for Windows 2022
2022-05-01When to use GetConnect | Flutter Getx
2022-05-01Flutter GetxController Constructor Pass Value
2022-04-26Flutter Google Map Search Location | Auto Complete Address | TypeAheadField
2022-04-25Flutter Convert StatelessWidget to StatefulWidget | Mac | Windows | Android Studio | VS Code
2022-04-22Flutter Bearer Token | Http Request Send Bearer Token
2022-04-22Late initialization error field has not been initialized (solved)| Flutter | Dart
2022-04-20Flutter E-commerce App | Google Map | Get User Location On Selection | Zone Based Service | Part 4



Tags:
flutter e-commerce app with backend
flutter app for ios and android
flutter e-commerce app apyment
flutter payment
flutter ios and android payment