Top videos | Cash In Vids Make Money From Vids And Vloging CashInVids CashInVids.com

Home
Articles

Top videos

All Time

Today

This week

This month

This year

Flutter Complete Production App Tutorial 121gamers 0 Views • 6 days ago

Main Features:
* Complete tutorial
* SMS OTP authentication
* Payment gateway integration
* State management with GetX
* Admin app for control and management
* Order management system
* Shortcuts and tricks for faster development
* Product sorting and filtering capabilities

State Management for Beginners: https://youtu.be/bzZF5ggktPA
Flutter Necessary Basics for Absolute Beginners:https://youtu.be/COuyAsk6dqA

Build Runner Command : flutter pub run build_runner build --delete-conflicting-outputs
Model Sample File : https://github.com/rapidflutte....r/common_codes/blob/

Source code : https://www.store.rapidflutter.com/item/4

Time Code :
00:00 : Starting
00:03 Develop a production-level Flutter app with real payment Gateway and OTP using SMS gateway.
03:38 Adding products and making a successful payment in the app.
09:50 Configuring platform and folder structure for Flutter app development.
13:02 Setting up project structure and creating homepage
19:13 Download and insert Google service JSON file into Android folder
22:13 Adding Google services for Android and iOS apps
29:00 Creating application structure with homepage and add product page
32:47 Configuring a list tile for a dynamic UI
39:43 Use get material app for Gex features
42:50 Explaining widget placement and styling in Flutter
50:54 Adding drop-down button for category selection.
54:28 Make drop down button dynamic and reusable as a custom widget.
1:01:15 Creating reusable drop-down button
1:04:04 Passing and using items list for custom widget customization
1:11:08 Handling selected value on change in Flutter
1:14:28 UI part almost finished, preparing for dynamic functionality
1:20:19 Connecting home controller to home page using GetX in Flutter
1:23:16 Utilizing controllers for clear code organization
1:28:48 Implementing Firebase Firestore for data storage
1:31:58 Setting up Firebase collection for product data
1:38:14 Configure Firebase option for Android and iOS
1:41:33 Firebase app setup and troubleshooting
1:49:08 Creating model for product handling
1:52:19 Setting up models and dependencies for creating different instances.
1:58:19 Converting product to Json format
2:01:51 Using GetX for showing snack bar and toast
2:09:02 Handling data passing and selection from drop-down in Flutter app.
2:12:45 Handling default values for category, brand, and offer in Flutter app
2:19:09 Explanation on updating UI after selecting a value
2:22:27 Setting up Firebase database and storage in Flutter app
2:29:31 Creating empty list and fetching product data for storage
2:34:20 Retrieving and processing data from Firestore documents
2:41:21 Creating and using a delete method in Flutter app production
2:44:46 Creating the client application for FootWare
2:52:32 Adding Firebase to Flutter for Android and iOS
2:56:21 Setting up the login page with necessary elements.
3:02:15 Designing the home page with product listings and categories
3:07:03 Creating horizontal category list with chip widget
3:15:49 Implementing multi-select drop down button in Flutter for reusable use
3:20:13 Implementing Grid View in Flutter for item display
3:28:57 Creating a customized design for a food card.
3:33:11 Setting up product description page for navigation
3:39:49 Setting up application logic with required dependencies
3:43:38 Setting up Firebase for login controller
3:51:09 Change the production collection to user and create the user model
3:54:20 Adding and configuring necessary packages for development
4:02:20 Handling user input and validation
4:05:51 Implementing OTP functionality
4:13:25 Customizing and defining OTP field with controller
4:17:15 Update UI elements after successful OTP sent
4:23:58 Handling OTP verification and user addition
4:27:27 Implement clear field feature after successful user addition
4:32:58 Register DT with approved Center ID and template.
4:35:56 Sending OTP using mobile number
4:42:14 Using Get Builder plugin for Flutter app development
4:44:50 Fetching user data based on mobile number query
4:51:10 Automatic redirection to homepage after login and on app restart
4:54:11 Implement user authentication and redirection logic
5:00:43 Setting up product collection and Firestore in Flutter app
5:04:19 Initializing app unit and fetching products dynamically.
5:12:05 Avoid using the 'category' keyword for less confusion
5:15:41 Implement filtering by category for products
5:22:56 Implementing sorting by brand and price
5:25:38 Filter products by brand
5:31:40 Handling selection of price range and arranging products accordingly
5:35:13 Retrieving and displaying product data in the description page
5:42:42 Stripe is available internationally, while Razorpay is only available in India.
5:45:26 Setting up Razor Pay for payment in Flutter app
5:55:10 Handling payments with Razorpay in Flutter
5:59:16 Sending payment data to Firestore
6:05:29 Successfully added order and displayed order success alert
Crafted by Merlin AI (Our Subscriber).

4- How to Build Admin Panel with Firebase and Flutter App 121gamers 0 Views • 6 days ago

Food Ordering App - User App & Admin App - Android Studio Project using Kotlin 121gamers 0 Views • 6 days ago

In this video, we will learn about the User Side and Admin Panel of the Food Ordering App, showing you how to order your favorite dishes with ease and efficiency. We also explore the Admin Panel. We will cover step-wise how to create a user-friendly and visually appealing admin dashboard for your Android app.
__________________________________________
⚡"If you require the source code, you can visit the website directly:
https://neatroots.com/shop/foo....d-ordering-app-kotli

.
💰 Love what we do? Support us! https://www.patreon.com/neatroots
__________________________________________

↗️Join Mentorship Program Now:
https://neatroots.com/mentorship-program/

💎 Updated Course Content:
https://docs.google.com/docume....nt/d/14B1-wd6rIZBBEF
__________________________________________
⚡Figma design:
https://www.figma.com/file/55me6I7L0xVa8SSf3aaNZT/green-Food-Order-App-(Copy)-(Copy)-(Copy)?type=design&t=WGSZVhpMzKe5dHkf-6

__________________________________________
FREE COURSES:
👉Create 10+ Projects including WhatsApp, Instagram, Earning App, Tiktok App and many more: https://youtube.com/playlist?list=PLUhfM8afLE_OFEGWaRmQFGizcjJyr_89j&si=fS8_V1dSCi5VNmEa

👉 Android App Development in Kotlin: https://youtube.com/playlist?list=PLUhfM8afLE_NQbVaoIEhceR9npbY57Pdg&si=bOmLjzew-nHVpVpp

👉Complete JetPack Compose in Android https://www.youtube.com/playli....st?list=PLUhfM8afLE_

👉 Android Development Course JAVA
https://youtube.com/playlist?list=PLUhfM8afLE_Ok-0Lx2v9hfrmbxi3GgsX1&si=R19rgApQjQLgQg_v

👉 Our Podcasts: https://youtube.com/playlist?list=PLUhfM8afLE_O8yHA9z972Skga-RkJmWFH&si=hGixBsculF2Z-3F_

⚡Source Code:
https://neatroots.com/product/....food-ordering-app-ko
__________________________________________

SOCIAL MEDIA LINKS:
https://t.me/NRootsTech

Linkedln: https://www.linkedin.com/in/ranatahirbilal/
Instagram: https://www.instagram.com/neatroots/
Facebook: https://www.facebook.com/neatroots/

OUR WORK:
https://www.youtube.com/playli....st?list=PLUhfM8afLE_

If you need any App Contact us: at neatrootstech@gmail.com
https://t.me/NRootsTech
__________________________________________

SOLVE ANDROID ERRORS
⫸ Join Facebook Group : (Post your Code Errors here)
https://facebook.com/groups/224810251893060/?epa=&_rdc=1&_rdr
⚡ Telegram For Android k Champions: https://t.me/neatrootsandroidkchampion
__________________________________________

#androiddevelopment #appdevelopment #androidstudio

Flutter & Node JS Master Class: Amazon Clone with Admin Panel | Flutter ECommerce App 121gamers 0 Views • 6 days ago

This is Flutter E-Commerce app with Backend. This Shopping App uses Javascript, Node, Express, MongoDB and Mongoose and is designed for complete beginners. This 12 hour tutorial also covers Migration to Flutter 3 and preview of app with Material 3! This Flutter project also covers the complete UI of Amazon including features like auth with email/password, cart, searching products, fetching them based on category, rating them, fetching deal of the day, checking out using GPay/Apple Pay, viewing the orders, the details of the order along with their status which can be changed from the admin panel, view total sales and graph of sales based on category.

In this tutorial, you'll learn to build the UI of Amazon from scratch, create REST API's, store data in MongoDB using Mongoose, use REST API's with Flutter & Dart using Models, use Flutter State Management tool as Provider and create a cross platform app that works on Android and iOS.

📌 Discord Server: https://discord.gg/Q8Rx8YWFVF
Source Code: https://github.com/RivaanRanaw....at/flutter-amazon-cl
Flutter Clones Playlist: https://youtube.com/playlist?l....ist=PLlzmAWV2yTgCjoZ

Timestamps:
(00:00:00) Introduction & Demo
(00:01:01) Setting Up The Flutter Project
(00:05:27) Setting Up Themes
(00:09:02) Folder Structure
(00:10:28) Setting Up Routes
(00:16:55) Auth Screen UI
(00:38:54) What is Nodejs
(00:39:50) Nodejs Installation
(00:41:48) Initialising Node
(00:45:03) First Nodejs Script
(00:46:44) NPM & Dependencies
(00:52:22) Creating Server
(00:58:36) Nodemon
(01:02:34) Create your First API
(01:08:46) Exercise 1: Create GET API
(01:09:16) Solution 1
(01:2:09) Routers
(01:17:42) Middleware
(01:21:30) Sign up Route
(01:26:28) Connecting to MongoDB
(01:33:14) Creating User Model
(01:42:31) Sign up Route cntd
(02:09:16) Connecting Sign Up Route With Client Side
(02:31:01) Adding TextField & Form Validator
(02:34:42) Sign In Route / Exercise 2
(02:37:09) Creating Sign In Route (Solution 2)
(02:47:54) Connecting Sign In Route with Client Side
(03:03:58) Persisting State
(03:25:08) Creating BottomNavBar
(03:36:30) Account Screen UI
(04:04:36) Home Screen UI
(04:41:32) Admin Screen BottomNavBar
(04:49:35) Add Product Screen UI
(05:08:18) Picking Images
(05:17:13) Admin - Selling Product
(05:28:40) Create Admin Middleware / Exercise
(05:29:21) Solution
(05:31:36) Sell Product Contd.
(05:48:33) Admin - Fetching & Displaying All Products
(06:08:36) Admin - Deleting Product
(06:17:06) Self Exercise (Add Product Realtime)
(06:17:40) Getting & Displaying Products Based on Category
(06:41:16) Searching & Displaying Products
(06:47:56) Optional Exercise (Creating Search Product API)
(07:06:11) Product Details Screen UI
(07:25:55) Rating Products
(07:31:06) Rating Product API / Exercise
(07:31:40) Solution
(07:40:57) Display Ratings
(07:50:31) Fetch Deal of The Day (Optional Exercise)
(08:05:02) Adding To Cart
(08:31:43) Displaying Cart Products
(08:52:05) Decreasing Quantity in Cart
(09:00:30) Address Screen
(09:10:50) Adding GPay/ Apple Pay
(09:32:53) Storing User Address & Ordering
(09:55:52) Viewing My Orders
(10:06:04) Viewing Order Details
(10:28:34) Admin - Viewing All Orders
(10:37:39) Admin - Change Order Status
(10:45:50) Total & Category-Wise Earnings
(11:04:31) Display Sales Chart
(11:09:41) Log Out
(11:14:26) Deployment to Heroku
(11:19:52) Testing on Android Device
(11:21:43) (Bonus) Flutter 3 (Everything Works!)
(11:24:32) Material 3

Resources:
Colors and Images: https://github.com/RivaanRanaw....at/flutter-amazon-cl/blob/master/lib/constants/global_variables.dart

Connect With Me Here:
Instagram: https://instagram.com/optimalcoding
GitHub: https://github.com/rivaanranawat
Linkedin: https://www.linkedin.com/in/rivaan-ranawat
Facebook: https://www.facebook.com/rivaan.ranawat/
Mail: namanrivaan@gmail.com
Medium: https://namanrivaan.medium.com
Twitter: https://twitter.com/RanawatRivaan

#flutter #node #ecommerce

Flutter E-commerce App With Backend | Food Delivery App | Part 1 121gamers 0 Views • 6 days ago

This is an e-commerce app for food delivery using flutter with backend as crash course tutorial for iOS and Android. This is a shopping app with backend of Laravel and Laravel admin panel using restful api complete CRUD operations. We also used firebase for notification. This tutorial covers complete shopping cart, placing orders, signup or registration, sign-in or login, payment.

⏰⏰🚛🚛Multivendor app
https://youtu.be/NHlVuQpy8B4
https://www.dbestech.com/tutor....ials/flutter-multi-v

😀😀😃Motivate my work
https://www.buymeacoffee.com/dbestech/e/79321

About my Palestinien brother
https://www.youtube.com/watch?v=HnZSaKYmP2s

⏫⏫⏫⏫🔥🔥Bloc advanced code(e-commerce app)
https://youtu.be/KfVf67MtqiY

Buy me a coffee
https://www.buymeacoffee.com/dbestech/e/79321

Flutter E-commerce app tutorial part 2
https://youtu.be/GQJovou6zuE

Flutter E-commerce app tutorial part 4
https://youtu.be/sJoJVmk1M8Y

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/tutor....ials/flutter-food-de

Task management app
https://www.dbestech.com/tutor....ials/flutter-task-ma

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

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

Major features
1. Show products based on category
2. Shopping cart
3. Place your order
4. Track order
5. User profile
6. Sign in & Sign up
7. User address location from Google Map
8. Zone based order
9. User Authentication
10. Firebase notification
11. Payment (Paypal)
12. Create new products on the backend
13. See order details
14. Update order status

Timestamps
0:03:00 Introduction of the e-commerce app
0:05:00 Tutorial part 1 introduction
0:06:24 Tutorial part 2 introduction
0:07:25 Introduce part 3 tutorial
0:08:00 Start coding
0:10:00 Create home page directory and file
0:10:26 Create main food page class
0:11:22 Draw the header section
0:41:04 PageView.builder
0:56:39 PageViewBuilder height
1:20:38 Set up default color for IconAndTextWidget
1:38:00 Start working on the sliding and scaling Pageviewbuilder
1:56:58 Work on the shadow
2:25:25 BigText work on the default font size
2:43:50 Finished working on the dots indicator
2:45:00 Working the viewport height for ListView.Builder
3:17:00 Start working on the RecommendedFoodDetail page
5:04:00 Work on the navigation of the pages and app architecture
5:10:00 Explain app artchitecture
5:20:00 Create ApiClient file and explain headers, baseurl and timeout
5:28:00 Popular product repo
5:32:00 Create getData() method in the ApiClient file
5:41:00 Working on the popularproductList
5:55:00 Understand Models, Classes, MAP and JSON
6:26:00 Show how to use tools to generate Classes and Model
5:16:10 Create helper folder for dependency injection
5:17:02 Create file dependencies.dart
6:44:00 Debug and print data from getPopularProductList
7:12 Use the data from the network and show on popularproduct detail page
7:33:00 Work on the recommended product page and display data from the network
7:48:00 Use GetX Router for navigation from HomePage
7:48:18 RouteHelper Class
7:59:00 Create more Routes for the app
8:35:00 Explain the Shopping App and Shopping Cart
8:46:00 Work on the setQuantity method
8:55:00 Work on the checkQuantity method
9:08:00 Inject CartRepo in the dependency
9:14 :00 Modify CartModel for Quantity
9:26:50 Pass CartController to ProductController
9:50:00 Work on the additem method on CartController
10:00:00 Create isExistInCart method
10:16:00 Modify addItem method on PopularProductController
11:16:00 Create CartPage file
11:28:00 explain getItems method in CartController