Latest videos

Home
Articles

Flutter & Node JS Master Class: Amazon Clone with Admin Panel | Flutter ECommerce App 121gamers 0 Views • 1 year 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

How to Setup Admin Panel for App in 2023 121gamers 1 Views • 1 year ago

Admin panel setup for video live streaming app in hostinger hosting 2023 |
Videos Streaming, Live TV) in Hindi step by step 2023.

========================
watch complete full Video Streaming App:
https://youtu.be/ia1e8DulUws

=============================
Buy Video Streaming Android App
https://1.envato.market/q4Wvb5

Buy Video Streaming Portal(Admin Panel)
https://1.envato.market/eKnZXg

Purchase Domain and Hosting Hostinger:
https://www.hostg.xyz/SH9Ik

============================

Complete Android Development Course playlist
https://www.youtube.com/watch?v=OSj--COVo0M&list=PLgZ4V8HUCjcPeXVdWLqSnknfDqvWLuDIF

Flutter Tutorial Course Playlist:
https://www.youtube.com/watch?v=RPqbVwQVkbQ&list=PLgZ4V8HUCjcMC3hZK8XW7cxT26koVoswf

Install Android studio in windows:
https://youtu.be/OSj--COVo0M

Publish app on play store 2023:
https://youtu.be/vZTREC3GFO4

Note: Further any query related applications contact in my Instagram.

=========================
how to setup admin panel in hindi
how to make admin panel
how to setup admin panel in hostinger Hosting for app 2023
admin panel setup
,quiz online app admin panel setup in hosting,web hosting,how to admin panel in php,admin panel setup in hosting account for online quiz app,how to setup reseller panel and admin panel,how to make admin panel in php,how to setup kuro panel in english,how to create admin panel in php,how to create a admin panel in php,how to create custom admin panel in django
How do I make a movie streaming app?
How I create my own OTT app?
How do I make my own movie streaming site?
Can I create an app like Netflix?
how to create a streaming app like netflix
how to make a streaming service for free
how to create a streaming platform like twitch
how to create a movie streaming website
how to create a movie website for free
how to create a streaming service like spotify
make a movie app free
start your own netflix for free today
video streaming android app (tv shows, movies, sports, videos streaming, live tv)
video streaming portal (tv shows, movies, sports, videos streaming, live tv)
video streaming portal free download
jc video streaming script
flixy : the movie | series | live tv streaming app : android - laravel
prime movies watch live tv shows, movies with premium subscription plan
live tv and web series app
movie app

=========================
Website - https://technicdude.com
Website - https://www.deepcrazyworld.com
▐► Facebook 💌 :https://www.facebook.com/Technic-Dude
▐►Twitter: https://twitter.com/DeepCrazyWorld?s=08
▐►Instagram: https://www.instagram.com/technic_dude26
▐► Pinterest : https://in.pinterest.com/deepcrazyworld/

Food Ordering App - User App & Admin App - Android Studio Project using Kotlin 121gamers 0 Views • 1 year 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

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

Flutter Complete Production App Tutorial 121gamers 0 Views • 1 year 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).

Admin panel with source code || How to make Hospital Auto Manager Health Apps in android studio 121gamers 1 Views • 1 year ago

Recommend: Before buying of app source code with the admin panel
Get 10,000 free mins with ZEGOCLOUD SDK: https://bit.ly/3GGH9oW
Pre-built UIKits to build Android apps faster: http://bit.ly/3ZZ2pgs
Best video call SDK & API for Android: https://bit.ly/3msNe1d

Hospital AutoManager Apps Demo: https://cutt.ly/xgDGNbi

Hospital AutoManager Apps Login Info:
----------------------------------------
User: admin@demo.com
Password: 12345

Hospital Automanager Android Apps Full Source code Download Link Buy Cheap rate: https://1.envato.market/Yg9O3j

Admin Panel Info:
--------------------
Hospital Management Admin panel Full Source code Download Link Buy Cheap rate: https://1.envato.market/MXmZ3o

Apps have some info very necessary
-----------------------------

Hospital Automanager is a hospital management software that is basically built for websites and androids. The Hospital auto manager app can enhance working efficiency, helps to improve patient care, provide a better management system, and many more!

You can get lots of excellent features and modules in this app for operating your business smoothly. Also, you can maintain your entire system from any time and anywhere by using this hospital auto-manager app.

The most important factor is that to use this excellent app, you need to buy our full source code with the website. Because this app is given as a demo.

The hospital management app is mainly used for maintaining any hospital’s functionalities and activities automatically. For this circumstance, the hospital auto manager is the best hospital management app, because this app helps to operate your business accurately. Also, it can handle the appointment system efficiently. As well as, you can get an easy and comfortable system.

Very Wonderful Features :
------------------------
Complete Hospital Management Solution
Prescription Management System
Doctor Management System
Insurance Management System
Billing Management System
Role-Based Permission Setup System
Multiple EMail and SMS gateway added
Human Resource System
Full Accounting System of Hospital and its Report
Complete Bed Management System
Medication and Visits System
Case Manager Management System
Patient Separate login and appointment System
Hospital Enquiry System
LTR and RTL Version
Users any language changes from front and Backend
Pharmacy Management System
Appointment Management System
Birth Report
Death Report
Operation Report
Investigation System Report
Paid Android apps system if you need

Benefits of Hospital Automanager software and app

In this section, we will discuss some important benefits of our hospital auto manager app:

I can make any apps for your company and Your own apps I can promote android apps on my youtube channel
If anyone needs any android apps for your company and wants to promote your apps.

Contact:
Email: hossenbelal57@gmail.com
My Facebook Page: https://www.facebook.com/AndroidAppDiscuss/

If you face any problems please contact me by link: https://tinyurl.com/y5cvyk9q

android studio,
android tutorials,
android tutorials in English,
app bar material design,
android development tutorial,
android programming tutorial,
android app development tutorial,
android tutorial for beginners,
android app tutorial,
android studio tutorial,
learn android programming,
android developer tutorial,
android programming,
Android development,
android studio tutorial for beginners,
android course,
android training,
android development course,
android app development course,
android beginner tutorial,
android Advance Tutorial,
android professional Tutorial,
Android Bangla Tutorial,
android beginner tutorial,
android app design,
android material design,
android apps, Best Android Apps,
health apps,
hospital,
hospital android apps,
hospital app,
appointment app,
the clinic, clinic app,
clinic manager, doctor app,
Doctor Management app,
Hospital Appointment app,
Health care app,
Medical app,
general hospital apps,
hospital app design,
the react-native medical app,
multi-hospital,
---------||-----------------

watch some more videos
e-commerce app
Link: https://www.youtube.com/watch?v=Q6dUVn5TqQA&t=2s
Social media app
Link: https://www.youtube.com/watch?v=d6KOiI6-Xts
Weather app
Link: https://www.youtube.com/watch?v=NtqRUKi7M74
Food App
Link: https://www.youtube.com/watch?v=vlGwCxQOIn4&t=6s
News App
Link: https://www.youtube.com/watch?v=TFYvJg_aYdk&t=7s
Music Player App
Link: https://www.youtube.com/watch?v=dYgSc_R_fOk&t=13s

If So,
?LIKE
?COMMENT
?SUBSCRIBE
?SHARE

LINKS??
___

Watch my other videos :
https://www.youtube.com/channe....l/UCsqS97fsh-XlIg2bU

Showing 83 out of 84

Please note that if you are under 18, you won't be able to access this site.

Latest videos

Language