Top videos | CashInVids – Watch Videos & Earn Money Online

Home
Articles

Top videos

All Time

Today

This week

This month

This year

Open Camera App TUTORIAL (2019 Android Camera Apps) 121gamers 4 Views • 2 years ago

Flutter & Node JS Master Class: Amazon Clone with Admin Panel | Flutter ECommerce App 121gamers 4 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] 121gamers 4 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

MERN Full Stack Project: Build a Blog App with Dashboard using MERN (jwt, redux toolkit) 121gamers 4 Views • 2 years ago

Check out https://brilliant.org/Sahand 🚀 if you're looking to become an expert in a programming language and solve real-world problems. Start your 30 day free trial with the link (and if you're one of the first 200 people, you'll also get an extra 20% off too).

Hello my friends 😃 welcome to the Full Stack MERN Blog Project Course! 🌐 Let's start an exciting journey together as we create a powerful and fully responsive MERN stack web app with cutting-edge features. Throughout this course, you'll become an expert in the latest version of React, MongoDB, Node.js, and Express.

Source code and final version: https://github.com/sahandghavidel/mern-blog

🛠️ Our adventure kicks off with setting up React.js and Tailwind CSS, followed by navigating React Router Dom for dynamic pages. We'll dive deep into robust authentication using JSON Web Tokens and Google OAuth integration, all powered by Redux Toolkit for easy state management.

🔒 Secure both the client and backend for specific pages, like the admin dashboard. Admins gain the ability to effortlessly manage posts, comments, and users, complete with CRUD operations using the MongoDB database. The website is meticulously designed to be completely responsive, ensuring a seamless experience across various devices. Plus, we've added a sleek dark mode to enhance user experience and cater to different preferences.

🔍 What sets this course apart is the addition of advanced search functionality. Users can search by title, limit results, and sort through a modern sidebar, utilizing cutting-edge search query techniques with MongoDB. Everyone has the ability to leave, edit, and delete their comments on the post pages, fostering an interactive community.

🚀 Finally, we'll deploy our fully functional MERN stack blog application for free using the 'render' platform, enabling you to share your creation and add it to your portfolio.

💻 All you need is a basic understanding of JavaScript and React to start this project. If you're as excited as we are, let's dive in and build this incredible project together! Subscribe, hit the bell, and join us on this coding adventure. 🚀✨ #MERNStack #WebDevelopment #codingjourney

00:00 - Intro
01:50 - Project preview
07:00 - The resources
08:57 - Install React.js and Tailwind CSS and create the first template
21:01 - Create pages and routes
28:42 - Create Header components
53:14 06 - Create and run the server
01:00:55 - Connect to the database
01:12:36 - Create user model
01:18:31 - Create a test API route
01:25:40 - Create signup API route
01:42:55 - Add a middleware and a function to handle errors
01:49:59 - Create signup page UI
02:04:48 - Add functionality to the sign up page
02:21:17 - Create and add the footer component
02:36:06 - Create signin API route
02:48:19 - Complete signin page functionality - MERN Blog
02:53:26 - Add redux toolkit
03:07:58 - Add redux persist
03:14:23 - Add Google OAuth functionality
03:38:16 - Update header component with user data
03:45:10 - Complete dark mode functionality
03:53:15 - Make the dashboard private
03:56:17 - Complete sidebar of the dashboard
04:08:18 - Complete profile page UI
04:16:32 - Complete user image upload functionality
04:41:25 - Add update user API route
04:58:53 - Complete update user profile page functionality
05:14:42 - Add delete user API route
05:18:50 - Complete delete user account functionality
05:28:54 - Add signout functionality
05:37:43 - text31 - Add admin functionality to the user
05:43:53 - Complete create a post page UI
06:01:43 - Add create a post API route
06:14:13 - Complete upload post image functionality
06:24:39 - Complete create post functionality
06:33:05 - Add posts section to the dashboard
06:37:31 - Create get posts API route
06:48:40 - Show user posts inside dashboard
07:03:42 - Add show more functionality to the posts results of the dashboard
07:08:12 - Add delete post functionality to the dashboard
07:15:37 - Add update post functionality
07:26:34 - Create get users API route
07:33:16 - Show users to the admin dashboard
07:46:08 - Add delete user functionality to the admin user
07:50:17 - Complete post page functionality
08:13:18 - Add call to action to the post page
08:22:06 - Add comment section to the post page
08:46:05 - Show the comments of a post
09:06:37 - Add like functionality to the comment component
09:23:59 - Add edit functionality to the comment component
09:39:01 - Add delete functionality to the comment section
09:49:18 - Add recent article section to the post page
10:08:16 - Add comments section to the admin dashboard
10:22:23 - Add dashboard overview to the admin dashboard
10:47:39 - Complete the home page
10:59:03 - Complete search page
11:31:55 - Complete about and projects pages
11:37:58 - Deploy to Render

Flutter Backend | Flutter Laravel Backend PHP | Flutter Rest API | Flutter Http Post Request 121gamers 4 Views • 2 years ago

Here you will learn how to create flutter app with backend with Laravel and PHP. Flutter Rest API use for sign up, sign in, login, logout with post, get HTTP request based on laravel admin panel based on PHP. This works a s web backend as well. This backend is done using PHP Laravel Framework.

Learn about Dart List and Map
https://youtu.be/Uz0FgKxXt2o

Check out the link for common error solutions in laravel admin panel
https://www.dbestech.com/tutor....ials/laravel-admin-p

Advanced Complete Backend
https://youtu.be/kTrbcb21ENU

Follow me on twitter
https://twitter.com/dbestech

In this flutter tutorial, you will learn the below things
1. Flutter login page
2. Flutter login page UI design,
3. Login flutter with laravel
4. Flutter laravel sign up page or register page
5. Flutter HTTP get request
6. Flutter HTTP post request
7. Flutter backend with database
8. Flutter tutorials with laravel API
9. Fetch data from server or database MySQL
10. Flutter image upload
11. Flutter HTTP fetch data

Github link for starter code for flutter app and backend
https://github.com/dastagir-ah....med/flutterappwithba

Laravel admin install command line
https://www.dbestech.com/tutor....ials/steps-to-move-l

Check out the how to install the laravel admin panel step by step in 25 minutes
https://youtu.be/1-6vBAPvU4k

We covered the below main topics
#Flutter and laravel login registration
#Flutter and Laravel API
#Post data to the server
#Get data from the server

It's a replace tutorial for flutter and firebase.

Creation of the API in Laravel, we consume the services with Flutter, initially we log in that allows us to maintain its status, it means that if you re-enter the App you should not ask for the login data, we will surely continue with a CRUD.

Laravel is a web application framework with expressive, elegant syntax,

In this course, you will learn how to create flutter application using laravel framework as backend as Laravel is modern php framework. This course will allow Laravel developers to work with flutter developers together and show you how easy to consume Laravel APIs from Flutter Application.

You will learn how to create Laravel REST APIs from scratch, you will learn all stuffs relating to Laravel also from there you will start building your Flutter application consuming the APIs.

Mobile apps and local databases go well together. If you want to take the relational database route, SQLite is the winner. However, the problem with bare bones SQL databases of any kind is writing queries and then integrating them with your other code.

How To Receive Divine Health (Full Sermon) | Joseph Prince | Gospel Partner Episode 121gamers 4 Views • 2 years ago

In this Gospel Partner episode, learn how you can stay in faith and grow in faith when confronted by sickness or disease.

About Gospel Partner
Gospel Partner is a publishing house committed to advancing the gospel of grace. Our mission is to find ways to make Jesus-centered, grace-based teaching resources completely free for those who cannot afford them.

If you would like to join us in this global publishing mission reaching over 150 nations, and receive access to more than 1,000 sermons by Joseph Prince, visit: https://bit.ly/4226bqZ

Here are other ways you can support the mission:
• Become a supporter on Patreon: https://bit.ly/3XWgJH8
• Become a supporter on Buy Me A Coffee: https://bit.ly/3XUnTvu

Through any of these ways above, you will be supporting our ongoing commitment and publishing mission to (1) accelerate our content development work, (2) support the innovation of our technology, and (3) make more resources available for free to people in need. Do note that as we are a publishing house with a focus to advance the Gospel through resources, we do not accept tithes, offerings, and donations.

About this episode
You are watching the sermon, Be Healed By The Washing Of The Word, preached on Apr 23, 2023 by Joseph Prince.

This episode was made free on YouTube because of the support of our gospel partners. Thank you for partnering with us!

Chapters
0:00 In Today's Gospel Partner Episode...
0:38 Let's Take A Praise Break!
5:28 01 Introduction: How does God heal today?
17:04 02 Faith does not have to be a struggle
29:38 03 God's provision for healing in the end times
39:24 04 Experience life as you see Jesus in the Word
58:34 05 Start hearing the finished work of Christ
1:13:31 06 Stay under the washing and be healed!
1:26:28 07 Salvation prayer & prayer of blessing

New here? Here's a gift of 7 free sermons to grow in the gospel when you sign up for updates: https://bit.ly/3p6BQco

If you are dealing with a health challenge, we are believing with you for your breakthrough, and we speak the Lord’s healing over you. As you stand in faith for your complete healing, be sure to practice both faith and wisdom. Be sure to consult a qualified medical practitioner or healthcare provider regarding your health status, and do not, on your own accord, disregard any professional medical advice or stop taking your medication. We are praying for you and look forward to hearing your praise report!

Facing a health challenge? Purchase/request healing scriptures e-book and audio companion now for free: https://bit.ly/44r506d

Reign over every adversity, lack, and destructive habit. Preorder the Destined To Reign 15th Anniversary Print Edition here: https://bit.ly/44wl5aX

Subscribe and be the first to know when a Gospel Partner episode is released: https://www.youtube.com/c/Jose....phPrinceOnline?sub_c

You can also find us at:
https://www.facebook.com/JosephPrince
https://twitter.com/JosephPrince
https://instagram.com/JosephPrince

#gospelpartner #josephprince #2023sermon

The Way Of Escape In Every Trial (Full Sermon) | Joseph Prince | Gospel Partner Episode 121gamers 4 Views • 2 years ago

In this Gospel Partner episode, Joseph Prince shows you scripturally how for every crisis you face, the way for you to exit your troubles victoriously is through partaking of the Holy Communion.

About Gospel Partner
Gospel Partner is a publishing house committed to advancing the gospel of grace. Our mission is to find ways to make Jesus-centered, grace-based teaching resources completely free for those who cannot afford them.

If you would like to join us in this global publishing mission reaching over 150 nations, and receive access to more than 1,000 sermons by Joseph Prince, visit:https://youtu.be/tj9lsNDuwRY https://bit.ly/44reFZw

Here are other ways you can support the mission:
• Become a supporter on Patreon: https://bit.ly/3DhLQ6w
• Become a supporter on Buy Me A Coffee: https://bit.ly/3OhJyKP

Through any of these ways above, you will be supporting our ongoing commitment and publishing mission to (1) accelerate our content development work, (2) support the innovation of our technology, and (3) make more resources available for free to people in need. Do note that as we are a publishing house with a focus to advance the Gospel through resources, we do not accept tithes, offerings, and donations.

About this episode
You are watching the sermon, The Way Of Escape In Every Trial, preached on Aug 28, 2016 by Joseph Prince.

This episode was made free on YouTube because of the support of our gospel partners. Thank you for partnering with us!

Chapters
0:00 In Today's Gospel Partner Episode...
0:36 Request Healing Scriptures For Free
3:26 01 Introduction: Are you going through a trial?
13:40 02 God has provided a way of escape for you!
22:02 03 Having a revelation of the Communion will transform you
31:06 04 How to discern the Lord's body rightly
40:45 05 Why Jesus laid down His life for you
47:54 06 By His stripes, you are healed!
1:02:24 07 The key to staying young and fruitful
1:17:48 08 Let's partake of the Communion together!
1:22:31 09 Salvation prayer & prayer of blessing

New here? Here's a gift of 7 free sermons to grow in the gospel when you sign up for updates: https://bit.ly/3NwBkgn

If you are dealing with a health challenge, we are believing with you for your breakthrough, and we speak the Lord’s healing over you. As you stand in faith for your complete healing, be sure to practice both faith and wisdom. Be sure to consult a qualified medical practitioner or healthcare provider regarding your health status, and do not, on your own accord, disregard any professional medical advice or stop taking your medication. We are praying for you and look forward to hearing your praise report!

Facing a health challenge? Purchase/request healing scriptures e-book and audio companion now for free: https://bit.ly/3CUrqAj

Reign over every adversity, lack, and destructive habit. Purchase/request Destined To Reign 15th Anniversary e-book for free: https://bit.ly/3r10P1E

Subscribe and be the first to know when a Gospel Partner episode is released: https://www.youtube.com/c/Jose....phPrinceOnline?sub_c

You can also find us at:
https://www.facebook.com/JosephPrince
https://twitter.com/JosephPrince
https://instagram.com/JosephPrince

#gospelpartner #josephprince #2023sermon

How To Guard Your Heart (Full Sermon) | Joseph Prince | Gospel Partner Episode 121gamers 4 Views • 2 years ago

In this Gospel Partner episode, learn the significance of the different pieces of this armor and how they will help you to stand firm and emerge victorious in spite of the trouble!

About Gospel Partner
Gospel Partner is a publishing house committed to advancing the gospel of grace. Our mission is to find ways to make Jesus-centered, grace-based teaching resources completely free for those who cannot afford them.

If you would like to join us in this global publishing mission reaching over 150 nations, and receive access to more than 1,000 sermons by Joseph Prince, visit: https://bit.ly/3sAibUn

Here are other ways you can support the mission:
• Become a supporter on Patreon: https://bit.ly/46aQf7q
• Become a supporter on Buy Me A Coffee: https://bit.ly/3QK6a7Y

Through any of these ways above, you will be supporting our ongoing commitment and publishing mission to (1) accelerate our content development work, (2) support the innovation of our technology, and (3) make more resources available for free to people in need. Do note that as we are a publishing house with a focus to advance the Gospel through resources, we do not accept tithes, offerings, and donations.

About this episode
You are watching the sermon, Put On God’s Armor In The Evil Day—Part 2, preached on Oct 22, 2023 by Joseph Prince.

This episode was made free on YouTube because of the support of our gospel partners. Thank you for partnering with us!

Chapters
0:00 In Today's Gospel Partner Episode...
0:40 FREE MASTERCLASS ON HEALING
1:17 Let's Take A Praise Break!
5:45 01 Introduction: We need spiritual solutions for spiritual battles
16:32 02 Why it's crucial to put on God's armor
25:59 03 Anchor yourself in Jesus, THE truth
38:33 04 Guard your heart with the righteousness of God
48:16 05 Be set free from self-condemnation and defeat!
57:55 06 Ready yourself with the gospel of peace
1:07:08 07 Salvation prayer & prayer of blessing

Sign up for our Gospel Partner newsletter & get access to a FREE MASTERCLASS ON HEALING: https://bit.ly/47q3QJ3

If you are dealing with a health challenge, we are believing with you for your breakthrough, and we speak the Lord’s healing over you. As you stand in faith for your complete healing, be sure to practice both faith and wisdom. Be sure to consult a qualified medical practitioner or healthcare provider regarding your health status, and do not, on your own accord, disregard any professional medical advice or stop taking your medication. We are praying for you and look forward to hearing your praise report!

Facing a health challenge? Purchase/request healing scriptures e-book and audio companion now for free: https://bit.ly/3MyMtNU

Check out the brand-new daily experience on the Joseph Prince App. Download now: https://bit.ly/3QAAroI

Subscribe and be the first to know when a Gospel Partner episode is released: https://www.youtube.com/c/Jose....phPrinceOnline?sub_c

You can also find us at:
https://www.facebook.com/JosephPrince
https://twitter.com/JosephPrince
https://instagram.com/JosephPrince

#gospelpartner #josephprince #2023sermon