CodeWithMasood
CodeWithMasood
  • 154
  • 569 190
Deploy your Dockerized Projects with Back4App Containers! (React & Node)
Looking to host your react or node.js express based applications? Don't worry, I have the solution for you! In this video, we have shown you step by step method to how we can deploy your Dockerized Projects with Back4App Containers, a platform that provides a free tier without requiring a credit card, so that we can access it from anywhere. Make sure to follow along and if you enjoyed and find this video helpful, please give this video a thumbs up, thanks:)
-----------------------------------------------------
Official Express.js Guide- www.back4app.com/docs-containers/run-an-express-container-app
Official React Guide- www.back4app.com/docs-containers/run-a-reactjs-container-app
Coupon: CWM-Back4app - $25 off Link: www.back4app.com/?
-----------------------------------------------------
💖Be A Patron(Support On Monthly Basis)-
☑www.patreon.com/CodeWithMasood
🎁Get Source Code & Other Perks!
👋Connect With Me:
▶Facebook - Official.CodeWithMasood
▶Instagram - CodeWithMasood.Official
▶Blog - www.medium.com/@CodeWithMasood
▶Pinterest - www.pinterest.com/CodeWithMasood
📙Must Read Books That Will Transform Your Thinking-
▶Psychology of Money: amzn.to/3jqvhyp
▶How to Win Friends and Influence People: amzn.to/3GifLh7
▶Power of Habit: amzn.to/3FRszcW
▶Ego is the Enemy: amzn.to/3GmZA26
▶Cracking the Coding Interview: amzn.to/3C2bYBW
▶Introduction to Algorithms: amzn.to/3jzkt1f
▶Cryptography and network security: amzn.to/3WQrol3
#back4app
#docker
#reactjs
#nodejs
#codewithmasood
#programming
#coding
DISCLAIMER: Some of the links in the description above are affiliate links, which means that if you click on one of the links and make a purchase, I will receive a small commission. This helps support the channel and allows me to continue to make videos like this. Thank you for your support!
Переглядів: 54

Відео

Create a Secure and Minimal Docker Container using Chainguard Images!
Переглядів 43Місяць тому
Containers are very popular in modern application development. Whether you're working on medium sized projects or enterprise systems, there's a high chance you're using containers. But one of the biggest challenges is the size of Docker images. Larger images take longer to start up, slowing down development. And with more components, the risk of common vulnerabilities increases. But here is whe...
Coding Roadmap 2024 | Learn Programming For Beginners!
Переглядів 8773 місяці тому
In this video i will be talking about exactly how you can learn programming and become a job ready developer for the year 2024! Coding and development is by far the most in demand skill to have in this modern world of tech. I have divided this video into 4 sections to help beginners take away most out from this complete set of roadmap designed by me. This roadmap covers choosing right tech stac...
How to Deploy Node/Express.js App to Railway! (Free Tier Hosting)
Переглядів 6 тис.8 місяців тому
Hi everyone, in this video, I'm going to show you how to host your node.js or particularly an Express.js application on Railway. It provides free tier hosting feature as well. It can be considered as the best alternative to Heroku app. If you are a person who is just started backend development or you wanna host your express app backend project somewhere on the internet then this is going to be...
10 Skills to Master React in 2024!
Переглядів 6719 місяців тому
In this video, you will learn 10 essential skills to master react in 2024. If you want to learn web development using react or next.js in 2024 and curious about why and how i should learn react, this guide is for you! In other terms, this is the step by step roadmap designed for beginners to learn react from the ground up. I have covered the best skills to learn for react web developer such as,...
Easiest Way To Add Icons To Your React/Next.js Website! (Complete Guide)
Переглядів 3649 місяців тому
Do you know how to add any icon to your react website. Don't worry! In this video i will show you how to add icons to your react or next.js website. 💖Be A Patron(Support On Monthly Basis)- ☑www.patreon.com/CodeWithMasood 🎁Get Source Code & Other Perks! 👋Connect With Me: ▶Facebook - Official.CodeWithMasood ▶Instagram - CodeWithMasood.Official ▶Blog - www.medium.com/@Co...
How to integrate Stripe Payment in React and Node.js (Step by Step)!
Переглядів 66 тис.9 місяців тому
In this video we will see how to integrate stripe payment gateway in React.js and Node.js 💖Be A Patron(Support On Monthly Basis)- ☑www.patreon.com/CodeWithMasood 🎁Get Source Code & Other Perks! 👋Connect With Me: ▶Facebook - Official.CodeWithMasood ▶Instagram - CodeWithMasood.Official ▶Blog - www.medium.com/@CodeWithMasood ▶Pinterest - www.pinterest.com/CodeWithMasood ...
Top 5 High Paying Technologies To Learn For The Year 2024!
Переглядів 1,6 тис.10 місяців тому
If are looking to learn a high paying technology and make yourself up skill for for the year 2024. Make sure to watch this video till the end. In this video we are going to look at the top 5 high income skills and their related roadmaps to follow to earn high income and high salary based job in the tech industry. And at the end you will come to know which roadmap is best for you to follow! 💖Be ...
13 Essential Web Development Skills That Every Developer Should Know!
Переглядів 218Рік тому
In this video I will talk about 13 Essential Web Development Skills That Every Developer Should Know! These are the skills that will make you stand out in the world of web development. Whether you are looking to become a web developer in the future or you are already a web developer. In either case, this video is for you! 💖Be A Patron(Support On Monthly Basis)- ☑www.patreon.com/CodeWithMasood 🎁...
Become a Pro Web Developer in 90 days! (No CS Degree)
Переглядів 1,8 тис.Рік тому
If you want to Become a Pro Web Developer in 90 days without even having a CS Degree. You are at the right place! In this video I will break down each technology that is used in web development and teach you exactly how much you need to learn that particular technology to become a professional full stack web developer! Also, I am creating this roadmap with my 4 years of professional experience ...
How To Integrate Google Login in React! [Easy] | Add Auth To Your React Project
Переглядів 45 тис.Рік тому
Are you looking to integrate google login in your react website. In this video, i will show you how to add google sign in Auth to your react project easily! 💖Be A Patron(Support On Monthly Basis)- ☑www.patreon.com/CodeWithMasood Get Source Code and Other Perks! 👋Connect With Me: ▶Facebook - Official.CodeWithMasood ▶Instagram - CodeWithMasood.Official ▶Blog - www.mediu...
Java OR Python? Which One to Choose! (Complete Guide For Beginners)
Переглядів 264Рік тому
Java OR Python? Which One to Choose! (Complete Guide For Beginners) If you are a beginner and want to see which programming language should you learn from Java and Python. This video is for you! Make sure to watch till the end so, you get most value out of it! We will compare java vs python both in performance, speed, syntax and more to see which one best fits according to your needs. 💖Be A Pat...
React Search Filter with Tailwind CSS! [EASY] (Step By Step)
Переглядів 1,4 тис.Рік тому
React Search Filter with Tailwind CSS! [EASY] (Step By Step) In this video, I will teach you how to create a fully functioning search functionality in react. For technologies, I will be using react with vite and Tailwind CSS for styling. And with this single video you will learn how to create a beautiful search bar, a table and search filter to show only the information that user want to see. M...
The Ultimate React Developer Roadmap For Beginners (Get a High Paying Frontend Job in Few Days)!
Переглядів 444Рік тому
The Ultimate React Developer Roadmap For Beginners (Get a High Paying Frontend Job in Few Days)!
React Pagination Tutorial For Beginners [With Source Code INCLUDED!]
Переглядів 7 тис.Рік тому
React Pagination Tutorial For Beginners [With Source Code INCLUDED!]
Build Your First Mobile App With React Native | Windows Installation | RN CLI Tutorial For Beginners
Переглядів 740Рік тому
Build Your First Mobile App With React Native | Windows Installation | RN CLI Tutorial For Beginners
[Fixed] CORS Error in React - Step By Step Guide (Updated!)
Переглядів 9 тис.Рік тому
[Fixed] CORS Error in React - Step By Step Guide (Updated!)
Create React App is Dead! (Best Alternative)
Переглядів 553Рік тому
Create React App is Dead! (Best Alternative)
Become a Pro MERN Stack Developer! (Complete Roadmap)
Переглядів 1,6 тис.Рік тому
Become a Pro MERN Stack Developer! (Complete Roadmap)
How To Build A JavaScript Chat App In Minutes With ZEGOCLOUD Video Call API
Переглядів 1,6 тис.Рік тому
How To Build A JavaScript Chat App In Minutes With ZEGOCLOUD Video Call API
Getting Started With Three.js! (2023)
Переглядів 2 тис.Рік тому
Getting Started With Three.js! (2023)
7 VsCode Extensions Every Developer Needs in 2023!
Переглядів 350Рік тому
7 VsCode Extensions Every Developer Needs in 2023!
Stop Wasting Your Time! This is only How Much HTML, CSS and JavaScript Every Developer Should Know!
Переглядів 2,4 тис.Рік тому
Stop Wasting Your Time! This is only How Much HTML, CSS and JavaScript Every Developer Should Know!
Build Flutter Call App With Zegocloud in Minutes!
Переглядів 440Рік тому
Build Flutter Call App With Zegocloud in Minutes!
React vs Angular! (The Ultimate Guide)
Переглядів 469Рік тому
React vs Angular! (The Ultimate Guide)
Filestack API - The Ultimate Solution For File Uploading and Handling for Developers!
Переглядів 735Рік тому
Filestack API - The Ultimate Solution For File Uploading and Handling for Developers!
Flutter vs React Native! (The Ultimate Guide)
Переглядів 16 тис.Рік тому
Flutter vs React Native! (The Ultimate Guide)
Build React Native Call App in Low Code with ZEGOCLOUD UIKits
Переглядів 673Рік тому
Build React Native Call App in Low Code with ZEGOCLOUD UIKits
How To Deploy a Node.js App on Cyclic for Free In 3 Simple Steps! (Best Heroku Alternative)
Переглядів 6 тис.Рік тому
How To Deploy a Node.js App on Cyclic for Free In 3 Simple Steps! (Best Heroku Alternative)
How To Host a React App on Netlify in Just 2 Minutes!
Переглядів 529Рік тому
How To Host a React App on Netlify in Just 2 Minutes!

КОМЕНТАРІ

  • @jumbo999614
    @jumbo999614 4 години тому

    still can't get it to work. I'm using Vite + React I already put this code into server part: app.use(cors( { origin:origin:"localhost:5173", method:["GET", "POST", "PUT", "DELETE"], credentials: true, } )); and on front-end: axios.get('localhost:3001/auth/verify', { withCredentials: true }, I can only login in my website on my localhost pc. If I use other pc/mobile, I can see the webpage but can't login. I'm stuck at "Blocked by CORS".

  • @mugiwara9339
    @mugiwara9339 5 днів тому

    Magnifique. Tutoriel impeccable.

  • @user-rk5ih7cp1u
    @user-rk5ih7cp1u 12 днів тому

    6:30 why u dont use axios its short your code

  • @ntokozomngadi573
    @ntokozomngadi573 12 днів тому

    Thank you

  • @manishlamba884
    @manishlamba884 13 днів тому

    How to handle on client side that's the thing. The server is not always on your laptop sometimes while fetching data from other apis gives cors error.

  • @johngalt4487
    @johngalt4487 17 днів тому

    Why do you speak ENGLISH if you CAN'T speak english???!!!!!

  • @MarkJerielCabalbag
    @MarkJerielCabalbag 17 днів тому

    i am integrating file system where a user can select files to be uploaded, does back4app can save files?

  • @ratan_7487
    @ratan_7487 19 днів тому

    where is the html code file in the description

  • @hkimiamin3084
    @hkimiamin3084 19 днів тому

    thank you it worked perfectly !

  • @NguyenLinh-cg6zm
    @NguyenLinh-cg6zm 24 дні тому

    I implement like the video, but the popup show on right-center not center-center, do you know why?

  • @cakabo88
    @cakabo88 26 днів тому

    I dont wanna say bad words, totally bad coding. where is paginate? If you shooting a video first write the code well....!

  • @umairmohsin5202
    @umairmohsin5202 Місяць тому

    I have generated API key in stripe.i am in a test mode Pop up appears that complete your account details to recey payments Many things are there which are unnecessary for me as I am in a test mode If I don't fill account details and try to make test do I receive payment

  • @user-jj4mi4ok3s
    @user-jj4mi4ok3s Місяць тому

    thanks its working

  • @2929_SowmikDey
    @2929_SowmikDey Місяць тому

    But how will I use it in backend?? Pls explain I've stuck

    • @MrAlao675
      @MrAlao675 Місяць тому

      If you use backend like 'node', just call your api endpoint inside the 'onSuccess' callback function, pass 'credentialResponse.credential' as payload, use jwt-decode to get the actual json data....! if you are like me, using nextjs, just use server action, pass 'credentialResponse.credential' as payload, use jwt-decode to get the actual json data....! you can save the data to your database and register user session.

    • @GeekSlider
      @GeekSlider 18 днів тому

      There is a bug in library it always asks for consent popup ​@@MrAlao675

  • @DevDoido
    @DevDoido Місяць тому

    Stripe, pagar me e Woovi funcionando num único padrão de código ua-cam.com/video/aHgkTZKYzJQ/v-deo.html

  • @nguyenvannghi1722
    @nguyenvannghi1722 Місяць тому

    hay. i from vietnam

  • @sanjidaakter768
    @sanjidaakter768 Місяць тому

    How many day free trial works

  • @devil-sz5kp
    @devil-sz5kp Місяць тому

    Will this work after hosting?

  • @rimo8833
    @rimo8833 Місяць тому

    I spent 2 days trying to figure out how to get it done!! Bro u are Amazing. Thank u from the depth of my heart!! I was stuck with how to get data from acess token actually.

  • @shakil-o4y
    @shakil-o4y Місяць тому

    thank you brother

  • @panizmomeni9708
    @panizmomeni9708 Місяць тому

    Amazing thanks

  • @Somens8Dworld
    @Somens8Dworld Місяць тому

    just one word fuckReact

  • @balaji111
    @balaji111 Місяць тому

    how to resolve cors origin opener policy error

  • @bilalillahi6347
    @bilalillahi6347 Місяць тому

    Thank God i found a latest video on google react-oauth/google 5:00 is the part missing in many videos where you get user data. i had to make functions in node for this. but it was this much short

  • @moj8384
    @moj8384 2 місяці тому

    simply

  • @TechLead99
    @TechLead99 2 місяці тому

    So stripe redirects to FE appliction after success. How does server knows about it?

    • @CodeWithMasood
      @CodeWithMasood Місяць тому

      Cuz we are using both FE and backend and it is a full stack application, we are using custom pages for checkout and redirections

    • @TechLead99
      @TechLead99 Місяць тому

      @@CodeWithMasood Ok got it, suppose FE and BE are separate app, then how it will happen, any idea?

  • @MiriamHorlik
    @MiriamHorlik 2 місяці тому

    FYI react-google-login library is deprecated

  • @sajalhsn13
    @sajalhsn13 2 місяці тому

    How to get the webhook call to save checkout information in local DB?

    • @CodeWithMasood
      @CodeWithMasood Місяць тому

      Search it up on official stripe react and node docs man!

  • @rishiu-qs8tm
    @rishiu-qs8tm 2 місяці тому

    thanks brother

  • @maximvoicu4155
    @maximvoicu4155 2 місяці тому

    any updates on COOP error ?

  • @aspuser1081
    @aspuser1081 2 місяці тому

    To waste kivy is best🎉😂

  • @gillesashley9314
    @gillesashley9314 2 місяці тому

    What is more beautiful than using React for everything. React, Next.js, React native.

  • @sgeorgeBJ
    @sgeorgeBJ 3 місяці тому

    Can we call any rust or python codes from node.js server?

  • @dj10schannel
    @dj10schannel 3 місяці тому

    👍

  • @ilikeyoumom
    @ilikeyoumom 3 місяці тому

    Vs code is a code editor not an ide

  • @vinodkumarnaamdev5409
    @vinodkumarnaamdev5409 3 місяці тому

    Hindi aata hai

  • @UsaidOk
    @UsaidOk 3 місяці тому

    Thank you brother!!

  • @mmm.403
    @mmm.403 3 місяці тому

    Learn both 💀

  • @MaidSejdinovic
    @MaidSejdinovic 3 місяці тому

    Thank you so much!Helped me alot

  • @tsegishtube
    @tsegishtube 3 місяці тому

    My choose is react native

  • @RajeshMudi
    @RajeshMudi 3 місяці тому

    can i accept INR if possible please guide ??

  • @balu3811
    @balu3811 3 місяці тому

    Better the title would be "In Node.js" instead of React.js

  • @Gammerpokemonandotherplaygame6
    @Gammerpokemonandotherplaygame6 3 місяці тому

    Very nice explaining

  • @IbrahimKhalil-um9co
    @IbrahimKhalil-um9co 3 місяці тому

    Where is the Github code repo??

    • @CodeWithMasood
      @CodeWithMasood Місяць тому

      The code is in patreon brother, shared as the first link in description box below:)

  • @unknown-hh4nk
    @unknown-hh4nk 3 місяці тому

    thanks BRO you saved my life

  • @rileyowen7245
    @rileyowen7245 3 місяці тому

    Wise there was perfect language that could do everything

  • @disismoyoutube
    @disismoyoutube 3 місяці тому

    I'm having trouble finding solutions for this extremely simple task. HOW TO IMPLEMENT LOGOUT?!!!! this is the problem with google, their documentation is alway terrible.

  • @sufyanshoaib
    @sufyanshoaib 3 місяці тому

    Good work Masood, enjoyed your tutorial. Keep it up.👏

  • @Mardo716
    @Mardo716 3 місяці тому

    hey broh can you help me polease?

    • @CodeWithMasood
      @CodeWithMasood Місяць тому

      Hey, sorry for late reply but yes please message me on insta or fb and i can help you out