MERN Ecommerce App With Authentication - Build A React Advanced Project

This video is made possible by Twingate! They have a really simple, ready to use, service that will help you solve countless problems. On top of that, AWS ECS and AWS AMI are also available and easy options for deploying to AWS.

Use Promo code (15% OFF Teams or Business annual plan): PEDROTECH

Social
▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬

🌟 Gear / Hardware I Use and Recommend 🌟
▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬

Tags:
- ReactJS Tutorial
- ReactJS and MySQL
- NodeJS Tutorial
- API Tutorial

00:00 | Intro
04:12 | Project Organization
06:04 | Modifying the tsconfig file
07:45 | Package Installation
12:09 | Setting up Server Boilerplate
15:08 | Creating a MongoDB project
20:16 | Setting up a Twingate Account
22:07 | Creating a new Network on Twingate
25:22 | Launching an AWS EC2 Instance
27:41 | Connecting to an AWS EC2 Instance
54:44 | Creating the Auth component
16:01 | Creating the navbar component
13:12 | Creating the Shop Page
32:38 | Creating the Checkout Page
14:36 | Creating the Purchased Items Page
28:11 | Creating the Logout Functionality

#reactjs #coding

[PedroTechnologies]

Use Promo code (15% OFF Teams or Business annual plan): PEDROTECH

[kabagambedaniel]

I learned React from this channel, and I'll always remember it. Pedro is an exceptional teacher, especially for beginners, with his clear and effective way of explaining concepts. Thank you for generously sharing your programming knowledge without constantly pushing your courses or seeking financial gain. You provide comprehensive education right here

[tohirul]

Hey Pedro. We know it is one of the best video out there. Just because you are the creator. But if you are reading this. Can you build some production grade web application. With state of the art techs in use. I mean really large projects. not just some clone app. Also realtime recording. Want to see how to approach problem solving. How to write production grade codes. How to handle errors. How to manage server side rendering or client side rendering and so much more. Every single one of us will appreciate it

[mattfly]

very cool Pedro, thank you for your work.. I still remember when you had like 12k subs - I've been using/watching your videos as guidance in certain things ( recently mostly firebase.. thx for timestamps I know they can be annoying to add sometimes) ever since then because you usually explain a topic easily - without wasting time on unnecessary stuff and straight to the point.. I'm glad your channel is growing because we will get more videos ( I assume ) since it seems to be worth your time to make videos

I'll probably not watch this video, because I'm not interested in learning how to build a website.. but I might skim thru and pick up some useful things ( specifically the architecture ? if it makes sense.. ? because I tend to make unnecessarily long components that get hard to refactor and read over time )

Anyways, thanks and keep it up man 👍

[briancornielle]

Sorry, but I fell in love with this project, pretty decent advanced tutorial. Thanks!!

[Razax]

In starting of project, I faced some issue when installing tsc so here are some notes so here are some takeaways for others help:
- If you've already installed tsc globally then first go to Users > Appdata > Roaming > npm and remove all tsc related files.
- If tsc works but throwing some error like "tsc.ps1 cannot be loaded because running scripts is disabled on this system" then go to windows powershell as administrator and run command "Set-ExecutionPolicy -ExecutionPolicy RemoteSigned" and say yes to all
- Finally, run below two commands:
npm uninstall typescript
npm install -g typescript

Also if someone face bcrypt issue then first uninstall it then first install latest version of nodejs (no need to uninstall previous one. If it exist then simply download latest and install, it'll update automatically. To check version if updated or not, check in command prompts by running command node -v) then again install bcrypt. If still don't work then uninstall bcrypt again and run "npm i bcryptjs" command in terminal. It's exact same thing.

[arjunnagar]

i am a freelancer and pedro tech is a life saver when comes down to real world concepts .... really thankful....always looking forward to new content

[randomandrandomfacts]

Can you please make a video on complex query using any orm or query builder you like. Because most of the videos in the internet are not showing that complex query. I worked with entity framework and linq to do complex queries in ASP .Net Core Web API. But I am unable to find anything similar or can have functionalities like that. Please make a tutorial😊

[keshavjuneja]

I WAS REALLY WAITIN FOR THIS VIDEO ONLY THANK YOU

[LowProFile]

Awesome tutorial! Just what I needed thanks! Also you've mentioned links in the description couple of times in the video but they are not there...
Could you please add the code to your Github and the products.json file?

[Hedi_Developer]

Hi pedro, i learned many things from you

Wish you all the best

[MichaelOmotayo]

Thank you so much pedro!Your explanations are always top notch.

[mariocartzl]

Hey Pedro ive been watching your MERN videos over and over and made my first MERN site finally. I now working on a site that displays 3D model for my college project. Hope it is not that challenging lol

Anyway, thank you for your videos. It is very very helpful!

[emkkkuz]

oh my god i was waiting so long to watch this amazing project on youtube 😍😍😍
you are amazing pedro thank you very much🤩🤩🤩🤩

[BooksWeCanRead]

Love this! So cool can’t wait! Thank you!!

[waleedsharif]

Please create full video of this like admin page and everything needed, i would even pay for it !

[vasukalluru]

I'm unable to find Products json fie

[eshw]

Based off of the intro it really didnt look complex at all, maybe the next tutorial it can be a social media app, or chat app. If an app takes hours to build and looks like its not complex at all im not sure if "best practices" were followed

[biLLie_wiLLie]

Why do use create node project with no nest js? Is it good for production? Thank you for your job

[hubesh]

Need React native Projects plz start as soon as possible