Top videos

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

In this video, we will explain the idea of ​​creating an admin panel for any application


The idea is for two applications with different names and they will be linked to each other with Firebase,

the first for the admin of the application in order to update and save products to the Firebase database, and the second is a customer application to fetch and review products from the Firebase database

At first, we created a new flutter appl for the customer, we called it “customers_app” and we linked it with Firebase as shown in the video of the sign in & sign up page, and I will quickly review how to do that:

After that we created a new flutter app for the admin app , we called it “admin_panel_customers_app” and we linked it with firebase

Before linking the "admin_panel customers_app" application with firebase, there are some requirements

1- Download node.js, if it is not already installed, download it via this link
https://nodejs.org/

or

https://docs.npmjs.com/downloa....ding-and-installing-

2- Download the Java version to Java Jdk 11 or higher. If it is not already installed, download it through this link
https://www.oracle.com/java/te....chnologies/javase/jd

After applying the steps in the video, the two applications will be successfully linked together. In the next video, we will explain both:

Codes for the admin panel app in order to upload and store product data to Firebase & codes for the customer app in order to fetch product data from Firebase and review it in the app


join and support me 💪 if you can: https://www.youtube.com/channe....l/UCw4csCBgM6IHy7ufz

Play List Tutorials:
Complete Tutorial Flutter & Firebase an Ecommerce App & WEB Admin Panel: https://www.youtube.com/playli....st?list=PLPlli7z6xeL
flutter apps tutorial with example: https://www.youtube.com/playli....st?list=PLPlli7z6xeL
flutter tutorial favorite button: https://www.youtube.com/playli....st?list=PLPlli7z6xeL
flutter tutorial search bar: https://www.youtube.com/playli....st?list=PLPlli7z6xeL
flutter tutorial firebase: https://www.youtube.com/playli....st?list=PLPlli7z6xeL
flutter tutorials migrate apps: https://www.youtube.com/playli....st?list=PLPlli7z6xeL
flutter tutorial admob and face book ads: https://www.youtube.com/playli....st?list=PLPlli7z6xeL
Flutter UI Design: https://www.youtube.com/playli....st?list=PLPlli7z6xeL
short video: https://www.youtube.com/playli....st?list=PLPlli7z6xeL
community: https://www.youtube.com/@fluttermaker/community

my site: https://brhomapps.blogspot.com
face book: https://www.facebook.com/appsmaker1
instagram: https://www.instagram.com/appsmaker_/
twitter: https://twitter.com/AppsMaker_

:Tags
flutter#
admin_panel#
firebase#
firebase_admin#
dashboard#
flutter_firebase#

Create Online Quiz App with Admin Panel in Android Studio | Online Quiz App using Firebase | Part -1
Create Online Quiz App with Admin Panel in Android Studio | Online Quiz App using Firebase | Part -1 121gamers 1 Views • 2 years ago

Create Online Quiz App with Admin Panel in Android Studio | Online Quiz App using Firebase | Part -1

In this video, you will learn how to create an online quiz app with an admin panel using Firebase.

Assets:-
https://t.me/codewitharvindchat/3083

For Business Inquires:- Please Feel Free to Contact me

Email:- arvindyd010@gmail.com
🤝😊 WhatsApp -: https://wa.me/917761098242


Follow us on Social Media

Telegram Group: https://t.me/codewitharvindchat
Instagram: https://www.instagram.com/codewitharvind/
Facebook: https://www.facebook.com/codewitharvin


DISCLAIMER:-
Copyright Disclaimer: Under Section 107 of the Copyright Act 1976, allowance is made for "fair use" for purposes such as criticism, comment, news reporting, teaching, scholarship and research. Fair use is a use permitted by copyright statute that might otherwise be infringing. Non-profit, educational or personal use tips the balance in favor of fair use.

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

How to Setup Admin Panel for App in 2023
How to Setup Admin Panel for App in 2023 121gamers 1 Views • 2 years 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/

Flutter & Node JS Master Class: Amazon Clone with Admin Panel | Flutter ECommerce App
Flutter & Node JS Master Class: Amazon Clone with Admin Panel | Flutter ECommerce App 121gamers 1 Views • 2 years 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 Mobile App + Node.js Back End Tutorial – Code an Amazon Clone [Full Course]
Flutter Mobile App + Node.js Back End Tutorial – Code an Amazon Clone [Full Course] 121gamers 1 Views • 2 years ago

Build a full stack e-commerce app with Flutter, Javascript, Node.js, Express, MongoDB and Mongoose.

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

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

✏️ Rivaan Ranawat created this course. Check out his channel: https://www.youtube.com/c/RivaanRanawat
📌 Rivaan's Discord Server: https://discord.gg/Q8Rx8YWFVF

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

🎉 Thanks to our Champion and Sponsor supporters:
👾 Raymond Odero
👾 Agustín Kussrow
👾 aldo ferretti
👾 Otis Morgan
👾 DeezMaster

--

Learn to code for free and get a developer job: https://www.freecodecamp.org

Read hundreds of articles on programming: https://freecodecamp.org/news

Complete e-Commerce Android App with Admin Panel | Ecommerce project android studio
Complete e-Commerce Android App with Admin Panel | Ecommerce project android studio 121gamers 1 Views • 2 years ago

Complete e-Commerce Android App with Admin Panel | Ecommerce project android studio.
This Ecommerce Android app with admin panel is developed in Android studio with Kotlin language that is very popular programming for android app development, xml is used for designing and it's using firestore database as backend so every function in our ecommerce app work in better way.

Do you want to connect with lot of DEVELOPERS
join :
https://telegram.me/papaya_coders


Feel free to drop a message on Instagram if you want to work on Real Projects.

Please SHARE our videos - So we can connect with lot of people and help them.


Check our kotlin courses to start journey
https://www.youtube.com/watch?v=pRG93kfRDH0&t=426s


Want to start with Android Development
https://www.youtube.com/watch?v=V3baERWM5FM


Step by step Android Development Series
https://www.youtube.com/watch?v=V3baERWM5FM&list=PL6Rs84MkNq7l4Zc1nQWET9-BFSc7Mnwqb


Most loved series - College App with Admin App
https://www.youtube.com/watch?v=Ui__yxgrRwQ&list=PL6Rs84MkNq7kjE71tV3iDQdqO7fspmoNN


Connect With us to get updated
➯ Telegram Group : https://telegram.me/papaya_coders
➯ Instagram : https://instagram.com/papayacoders
➯ Facebook : https://www.facebook.com/papayacoders
➯ Twitter : https://www.twitter.com/papayacoders
➯ LinkedIn : https://www.linkedin.com/company/papayacoders

How to use a Admin Panel for Mobile App
How to use a Admin Panel for Mobile App 121gamers 1 Views • 2 years ago

You may add or edit Products, Content and others by using our online video tutorial with your Mobile APP. https://www.pgsoftwares.com We always here to assist you to make the major modification by our support team with the charges based on working hours.

Follow me on Twitter https://twitter.com/PGSoftwares
Follow me on Pinterest https://www.pinterest.co.uk/pgsoftwares/
Follow me on Facebook https://www.facebook.com/pgsoftindia/
Mail Us : info@pgsoftwares.com

Build and Deploy a Banking App with Finance Management Dashboard Using Next.js 14
Build and Deploy a Banking App with Finance Management Dashboard Using Next.js 14 121gamers 1 Views • 2 years ago

Learn how to build and deploy a banking app with a finance management dashboard that connects multiple bank accounts, displays real-time transactions, and allows you to transfer money to other users on the platform using Next.js 14.

⭐ Appwrite:
https://apwr.dev/JSMastery50
🌟 Sentry: https://bit.ly/4abT6PG

🎨 Horizon Design Figma File: https://resource.jsmastery.pro/banking-app
🧭 Logical Flow Diagram Figjam File: https://resource.jsmastery.pro/banking-app-flow

🌟 Become a top 1% Next.js 14 developer in only one course: https://www.jsmastery.pro/next14
🚀 Skyrocket your career in 4 months: https://www.jsmastery.pro/masterclass

📚 Materials/References:
GitHub Repository (give it a star ⭐): https://github.com/adrianhajdin/banking
README (assets & code): https://github.com/adrianhajdin/banking/blob/main/README.md
Plaid: https://plaid.com/
Dwolla sandbox account: https://accounts-sandbox.dwolla.com/login

👋 Social Media:
https://discord.gg/javascript-....mastery-programming-
https://twitter.com/jsmasterypro
https://www.instagram.com/javascriptmastery
https://linkedin.com/company/javascriptmastery
https://www.linkedin.com/in/adrianhajdin/

Time Stamps 👇
00:00:00 — Intro
00:03:31 — Setup
00:20:40 — File & Folder Structure
00:31:10 — Home Page UI
00:54:04 — Sidebars
01:39:33 — Auth Page UI
02:35:00 — Appwrite Authentication
03:23:18 — Securing the App with Sentry
03:36:15 — Plaid Banking Functionality
04:21:17 — Dwolla Environment
04:33:08 — Displaying Real Bank Data
04:53:58 — Recent Transactions
05:20:50 — Connect Multiple Bank Accounts
05:25:45 — Transaction History Page
05:33:20 — My Banks Page
05:41:47 — Transfer Payment Page
05:57:43 — Displaying Real-time Transactions
06:03:17 — Pagination and Spending Categories
06:18:33 — Deployment & Fixing Production Errors

Flutter E-commerce App With Backend | Food Delivery App  | Part 1
Flutter E-commerce App With Backend | Food Delivery App | Part 1 121gamers 1 Views • 2 years 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

Flutter Ecommerce App with Firebase - Admin Panel & Customer App | iShop
Flutter Ecommerce App with Firebase - Admin Panel & Customer App | iShop 121gamers 1 Views • 2 years ago

A fully functional e-commerce app built with Flutter and Firebase. the admin panel is built with Flutter.

Source code:
https://isaiascuvula.gumroad.com/l/uasjsw

- Light & Dark Mode
- Available in English & ready for new language
- Authentication (Login/Sign up), Google SignIn
- Reset Password
- Beautiful onboarding layout
- Shop by category and popular products
- Search products by name
- Filter products by name, category, price (low and high)
- Save Products as Favorite
- Edit account details easily
- Change Password Easily
- Order products
- Beautiful Product pages with reviews, descriptions, and features
- Adaptive UI (changes color based on Mode dark or light)
- Payment integration with stripe
- Dark and Light Mode friendly
- Backend Firebase
- Responsive
- Performance friendly
- Home and Details page
- Custom parameters per product
- Segmented orders
- Rating system
- Updating item quantity in the cart
- Address management (Adding and Editing addresses)
- Push Notification

- Admin Panel App
- Where you can set the shopping appearance.
- Add, update, delete product and category
- Put the products on sale
- Add banners
- Set delivery price
- Accept, decline orders
- See all app users
- Track users' wishlists and orders

Flutter Chat with Firebase: https://isaiascuvula.gumroad.com/l/vsjbs

Connect with me on 😀
Instagram ----- https://www.instagram.com/isaias_cuvula/
Linkedin ---- https://www.linkedin.com/in/isaias-cuvula/
Twitter (X)----- https://twitter.com/ICuvula
Discord ——- https://discord.gg/XdkcPDq8

Useful apps🌞:
https://play.google.com/store/....apps/details?id=com.

#flutter #firebase #ecommerce

How to Create News App in Android Studio with Admin Panel - @TechnicDude
How to Create News App in Android Studio with Admin Panel - @TechnicDude 121gamers 1 Views • 2 years ago

Android News App is a mobile news system which run under Android platform that used for your own news android application with beautiful in design and users experience.

=======Download Here=======
Buy news app code:
https://1.envato.market/WDJYEA

Visit Website Source Code:
https://www.technicdude.in/cre....ate-android-news-app



⭐ Course Contents ⭐
➡️ (0:00:00​) Introduction
➡️ (0:05:59​) Extract Source Code
➡️ (0:06:36​) Import Source Code
➡️ (0:14:11​) Change Package Name
➡️ (0:18:36) Firebase Integration
➡️ (0:22:15​) Change App Colors
➡️ (0:26:00​) Change App Logo
➡️ (0:29:31) ADMIN PANEL SETUP
➡️ (0:54:17) YouTube API Key Generate
➡️ (1:01:16) OneSignal App ID Key
➡️ (1:17:21​) Admob Ad Integration
➡️ (1:19:24​) Privacy Policy Generate
➡️ (1:23:53​) Change All basic details
➡️ (1:29:19​) Generate Build APK
➡️ (1:41:59​) Generate Signed APK
➡️ (1:44:50​) Run Successfully

--------------------------------------------------------
Purchase Domain and Hosting for India:
https://www.hostg.xyz/SH9Ik

Purchase Domain and Hosting for Foreigner:
https://www.hostg.xyz/SH9In

--------------------------------------------------------
How to Generate Privacy policy for App"
https://youtu.be/w99qUfF5U6E

Jcreator Download:
https://youtu.be/0fkgZh0WxxA

Android Studio Download:
https://youtu.be/89OSI-fk0E8

How To Publish App On Play Store:
https://youtu.be/JvZeFKOUi2I

=====================
how to create news app in android studio,how to create news app in android studio with admin panel, news app with admin panel , advance news app, news app make news app , make news application, android news app,news app,news app in android studio,news app android studio,how to make a news app in android studio,how to make news app in android studio,android studio news app,how to make android app hindi,how to make news app,android news app kaise banaye,android news app with admin panel,android studio,android news app tutorial,create a news app on android – android studio,android news app hindi me,how to create a news app
android beginner tutorial and android Advance Tutorial ,
android app design ,android material design
#build#newsapp#Androidapp#Dynamicnewsapp #Androidstudio



★★★ Follow ★★★
My Website - https://www.deepcrazyworld.com
▐► Facebook 💌 :https://www.facebook.com/Techn....ic-Dude-104883171029
▐►Twitter: https://twitter.com/DeepCrazyWorld?s=08
▐►Insta: https://www.instagram.com/technic_dude26
▐► Pinterest : https://in.pinterest.com/deepcrazyworld/

Disclaimer :- Video is for education purpose only. Copyright disclaimer under section 107 of copyright act 1976, allowance is made for "fair use" for purpose such as criticism, comment, news, reporting, teaching, scholarship and research. Fair use in a use permitted by copyright statute that might otherwise be infringing. Non-profit, educational or personal use tips the balance in favor of fair use. Thank you for the support!

Thanks for watching,
please like and subscribe🙏🙏💓

Admin panel android - Planning our android Admin App in android studio
Admin panel android - Planning our android Admin App in android studio 121gamers 1 Views • 2 years ago

admin panel android - how to create android app with admin panel in android studio.
Let's enter in the world of Android App Development. Here we are going to plan our College Project that how we going to develop this Android project. It's an amazing project for College students who wants to submit their projects in College.

📱 Download App :
https://play.google.com/store/....apps/details?id=pand

██ Source Code - Message on Instagram (@papayacoders)

___________________________________________________

Follow us on social media platforms and get connected with us.

📱 Telegram Group : https://t.me/papaya_coders

📱 Telegram Channel : https://t.me/papayacoders

📱 Instagram : https://instagram.com/papayacoders

📱 Facebook : https://www.facebook.com/papayacoders

📱 Twitter : https://www.twitter.com/papayacoders

📱 LinkedIn : https://www.linkedin.com/in/papayacoders
________________________________________________

If you have any types of question than feel free to ask in the comment section. We are happy to help you : )

Like our videos Share with your friends and don't forget to Subscribe to the Channel And Press The Bell Icon to Get the Latest Updates.
________________________________________________

Getting started with programming? Our playlists for beginners:

📛 Android playlist : https://bit.ly/3rBr1Mr

📛 Learning App : https://bit.ly/2WKWUUn

📛 College App : https://bit.ly/38xDNmo
____________________________________________
Related Terms :
____________________________________________

android app development tutorial for beginners
android developer tutorial for beginners in hindi
android app project ideas
android app project in hindi
android app projects for students
android app projects for beginners
android projects with source code
android projects for final year
android project tutorial step by step
android projects for beginners with source code
android studio app source code
android projects for students with source code
android project download with source code
simple android app projects with source code
android app development project
android project with admin app
android project with free source code
android project with source code
android app development project in hindi
android app development project tutorial
android app development project with source code
android app development project ideas
android app development projects for beginners
android app development project
android app development full project
android app project with source code
android app project ideas
android app project step by step
android app project in hindi
android app project for final year
android app projects for students
android app projects for beginners
android app project 2020
android app project ideas for beginners
android projects with source code
android projects for final year
android project with source code in android studio
android project in hindi
android project tutorial step by step
android project based tutorial
android project ideas for computer science
android project in hindi
android studio project tutorial in hindi
android project development tutorial
android studio full project tutorial
android open source project tutorial
android project ideas for beginners
android project ideas for computer science
android project ideas 2020
android project ideas for students
android project ideas
android final year project ideas for computer science
projects on android app development
projects on android studio
android studio project with source code
android studio project in hindi
android studio project for beginners
android studio project with firebase
android studio project with database
android studio project with source code free download
run android studio project on phone


#androidtutorialshindi #collegeapp #papayacoders

🔴 Let's build a Full Stack E-Commerce App with REACT NATIVE using MongoDB
🔴 Let's build a Full Stack E-Commerce App with REACT NATIVE using MongoDB 121gamers 1 Views • 2 years ago

we will build a full stack e-commerce app with react native from scratch and this is going to be a lot of fun and if you find this interesting please smash the like button for me 💯 ,also consider subscribing!!

we will learn and explore about different design and styling and upgrade our skill set!!

keep hustling ❤️keep sharing knowledge ❤️
In this hands-on tutorial, we will cover everything from setting up the development environment to building the user interface. React Native will be our framework of choice, allowing us to create a cross-platform mobile app that works seamlessly on both iOS and Android devices.

MongoDB, a popular NoSQL database, will serve as our backend to store and manage the chat data. You will learn how to set up a MongoDB database, configure the necessary APIs, and establish a connection between the app and the database.

***** steps to make this work on your own phone! || also check out the comments for answers!

updating the API URL in your client-side code is necessary to ensure that your app makes API requests to the correct server. However, you may also need to update the server-side configuration to match the IP address or domain name changes

mongoose
.connect("mongodb://yourIpAddress/yourprojectnameinmongodb", {
useNewUrlParser: true,
useUnifiedTopology: true,
})
.then(() = {
console.log("Connected to Mongo Db");
})
.catch((err) = {
console.log("Error connecting to MongoDb", err);
});

if doesn't work, in place of ipaddress add 127.0.0.1:27017 it should probably work!

then ...

app.listen(port, "IpAdressofyourpc", () = {
console.log("Server is running on http://youripadress");
});

then in the frontend-part while initialising the function you need to make the change

axios
.post("http://youripadress:8000/register", user)

**** To get the ip adress of your sytem
Mac = ipconfig getifaddr en0
Windows = ipconfig

assets and data required for the project -
https://drive.google.com/drive..../u/2/folders/1MI7wWJ

Other link if the first one doesn't work
https://drive.google.com/drive..../u/0/folders/191lfKc

source code : https://github.com/SSA-988/ecommerce-app

More Projects And Tutorials!

🔴 Let's build Airbnb with React Native : https://www.youtube.com/watch?v=0uK0hQJxvgo&list=PLkqIFEskVoUI1fmYREZST1zTnZ7jsbMUE&index=2&t=0s

🔴 Let's build Zomato With React Native : https://www.youtube.com/watch?v=G_yJMb9hM2Q&list=PLkqIFEskVoUJWVfMc5qLxJ2kWHvLRpTZQ&index=1&t=0s

🔴 Let's build React Js Shopping Cart (Easy) : https://www.youtube.com/watch?v=HK3l27onjis&t=0s

🔴 Let's build a Pizza Application (Dominos) with React Native : https://www.youtube.com/watch?v=YSQZgAMiiyE&list=PLkqIFEskVoULogrB3U0_BtvvVhW3be1xa&index=1&t=0s

🔴 Let's build a Fitness Application with React Native : https://www.youtube.com/watch?v=j5Dc6HKgJQU&list=PLkqIFEskVoULX5o-dhY1Z41iOOy8Ka2WX&index=1&t=0s

🔴 Let's build PVR (Movie Booking App) with React Native : https://www.youtube.com/watch?v=vUsA5Mx7-E0&list=PLkqIFEskVoULGHsV8fQ9r1hVCXrHXoqHc&index=1&t=0s

🔴 Let's build Netflix with React Native : https://www.youtube.com/watch?v=47GKkmbg2f8&list=PLkqIFEskVoUKalRxHcFPXSaYp4jx1gPjm&index=1&t=0s

🔴 Let's build Redux Shopping Cart for beginners : https://www.youtube.com/watch?v=d_DH9w13Oe8&t=0s

🔴 Let's build a complete React Js Shopping Cart with Redux : https://www.youtube.com/watch?v=ESGdCNiChWE&t=0s

🔴 Let's build a full Stack laundry app with React Native : https://www.youtube.com/watch?v=URXYsrawfQs&list=PLkqIFEskVoUJoOXXJ-ayQV_lN_o0gFOpe&index=1&t=0s


tags :
react native frontend
react native fullstack project
react native roadmap
react native laundry app
react native firebase integration
frontend projects react native
react native booking app
react native e-commerce app
react native cart system
frontend development react native
frontend development projects
react native beginner projects
react native interview questions
react native firebase
react native redux
booking app react native
booking app reactJs
react native backend
frontend interview series
frontend reactJs projects
firebase authentication react native
firebase authentication reactJs
react native full course
react native beginner course
redux cart system in react
redux toolkit
react native sanity
movie booking app
Pvr clone react native
movie booking system
react native expo projects
laundry app react native
frontend development roadmap
frontend interview questions
razorpay PaymentGateway
react native frontend
react native fullstack project
react native laundry app
react native firebase integration
frontend projects react native
redux toolkit in react native
redux shopping cart react native
full stack ecommerce app
full stack e-commerce app
react native full stack app
expo full stack e-commerce app
razor payment gateway
javascript interview questions
frontend developer roadmap
frontend development
full stack laundry app
mern stack application

Build a Full Stack React Native App with Payments | PostgreSQL, TypeScript, Stripe, Tailwind
Build a Full Stack React Native App with Payments | PostgreSQL, TypeScript, Stripe, Tailwind 121gamers 1 Views • 2 years ago

Build a full-stack Uber Clone Application with Expo’s latest features and lightning-fast edge-ready Postgres database in React Native.

⭐ WebStorm:
https://jb.gg/JSMastery
⭐ NeonDB - https://bit.ly/neon-db
⭐ Clerk - https://go.clerk.com/DtiSBEI

📙 React Native Guide: https://resource.jsmastery.pro..../ultimate-react-nati
🎨 Uber Clone App Figma Design - https://resource.jsmastery.pro/uber-clone
🤖 Special Discord Forum - https://resource.jsmastery.pro/uber-discord
💿 Free Database Course - https://resource.jsmastery.pro/database-course

🌟 Become a top 1% Next.js 14 developer: https://jsmastery.pro/next14
🚀 Skyrocket your career: https://jsmastery.pro/dev-career-accelerator

📚 Materials/References:
GitHub Repository (give it a star ⭐): https://github.com/adrianhajdin/uber
README (assets & code): https://github.com/adrianhajdin/uber/blob/main/README.md

💻 Join our Discord Community: https://discord.com/invite/n6EdbFJ
🐦 Follow us on Twitter: https://x.com/jsmasterypro
🖼️ Follow us on Instagram: https://instagram.com/javascriptmastery
🔗 Follow us on LinkedIn: https://linkedin.com/company/javascriptmastery/

💼 Business Inquiries: contact@jsmastery.pro

Time Stamps 👇
00:00:00 — Intro
00:06:04 — IDE Setup
00:09:02 — Project Setup
00:25:43 — WebStorm Customization
00:28:38 — File & Folder Structure and Router Setup
00:47:50 — Onboarding Screens
01:11:28 — Auth Screens
01:30:46 — Clerk Email Authentication
02:01:30 — Bottom Tab Bar
02:10:10 — NeonDB Implementation & API routes
02:26:21 — HomePage UI
02:57:25 — Map Functionality
03:05:28 — Zustand State Management
03:25:50 — Location Autocomplete Feature
03:28:22 — Find Ride Screen
03:55:55 — Confirm Ride Screen
04:01:41 — Book Ride Screen
04:07:07 — Stripe Payment Implementation
04:48:00 — Map Path Direction & Completing the Main Flow
05:07:39 — Implementing Real Dynamic Data
05:10:44 — Implementing oAuth Authentication
05:19:32 — Rides History Screen
05:22:00 — oAuth Redirection Issue and Other Fixes
05:27:31 — Profile and Message Screens

Part 1-Admin Panel: How to Setup (Arrange Files) and make a Admin Panel in php
Part 1-Admin Panel: How to Setup (Arrange Files) and make a Admin Panel in php 121gamers 1 Views • 2 years ago

Here.. in this video, i am doing how to make a admin panel for a simple Website. so, i have downloaded a admin template from free Bootstrap admin template. and i have set up all the things, like, navbar.php, header.php, footer.php, etc..
https://youtu.be/_Cmrk6MKXu8

PHP Blog Admin Panel (31 Parts) - Please watch out this (Better Tutorial)
https://www.youtube.com/watch?v=yK-AfMxCq5A&list=PLRheCL1cXHrvKqYXmyArH55g5VkPhpzzP

Code for : Structure and Set-Up of Admin Panel in PHP
http://www.fundaofwebit.com/ph....p-admin-panel/php-ad

Playlist for Admin Panel: https://www.youtube.com/playli....st?list=PLRheCL1cXHr


PHP Blog Script in PHP MySQL Source Code:
https://www.fundacodester.com/....scripts/php/blog-sit
Buy Web Hosting at Great Prices: https://www.hostg.xyz/aff_c?offer_id=264&aff_id=93687

Part 1 Admin Panel: SETUP n INSTALLATION
https://www.youtube.com/watch?v=IqrBr-KT5qk&list=PLRheCL1cXHrvTkUenAc5GdEvqIpVX-2JJ&index=1

Part 2 Admin Panel: Registration (INSERT)
https://www.youtube.com/watch?v=ctpNfiLSrhM&list=PLRheCL1cXHrvTkUenAc5GdEvqIpVX-2JJ&index=2

Part 3 Admin Panel: Registration (FETCH)
https://www.youtube.com/watch?v=7YAGTOvDSu4&list=PLRheCL1cXHrvTkUenAc5GdEvqIpVX-2JJ&index=3

Part 4 Admin Panel: Registration (EDIT)
https://www.youtube.com/watch?v=mzFQYL5Rx5k&list=PLRheCL1cXHrvTkUenAc5GdEvqIpVX-2JJ&index=4

Part 5 Admin Panel: Registration (UPDATE)
https://www.youtube.com/watch?v=8En_gF3S9BI&list=PLRheCL1cXHrvTkUenAc5GdEvqIpVX-2JJ&index=5

Part 6 Admin Panel: Registration (DELETE)
https://www.youtube.com/watch?v=gUf1fpJwvmA&list=PLRheCL1cXHrvTkUenAc5GdEvqIpVX-2JJ&index=6

#admin panel #admin dashboard

Flutter Responsive Dashboard UI | Flutter Responsive UI (Flutter Web)
Flutter Responsive Dashboard UI | Flutter Responsive UI (Flutter Web) 121gamers 1 Views • 2 years ago

Here we are explaining Flutter Responsive Dashboard UI. This Flutter Responsive UI is taken from dribbble. From this Flutter Web app design you will learn how to build responsive ui design using flutter.
We have tried to divide the whole flutter responsive ui tutorial into different sections so that it will be easy for you to understand.
In the first part we have built the whole responsive flutter UI according to the large screen size and in the second part we tried to make the whole UI responsive so that it can easily adapt itself in mobile, tablet as well as in desktop.
If you want to keep a different UI for different platforms then you can flutter media query. I did the same with the app bar i.e there is no app bar for the large screen but for mobile I have added the app bar just to make the UI more user friendly. Apart from responsive design the UI is also adaptive in nature.

If you're looking to create a sleek and responsive Flutter app or web interface, then this video is for you! I'll show you how to create a figma to flutter responsive ui using flutter. This flutter tutorial will definitely help beginner , you'll be able to create sleek, mobile-optimized apps and websites with all flutter orientation in no time!


» Remember to like, subscribe, share this video, and star the repo on Github :)

Source Code:
https://github.com/tahseenqura....ishi/flutter_respons

Support Us: https://www.patreon.com/tahseenquraishi

Design Inspiration: https://dribbble.com/shots/155....01287/attachments/72

For the 3D intro, I'm using Rotato: https://www.rotato.app/?status=accepted&expires=1620289909&p_sid=37270&p_aid=118691&p_link=1440&p_tok=f78d853d-c270-4242-b604-5064ee827ee6

Showing 536 out of 537