MERN Ecommerce App With Authentication - Build A React Advanced Project

แชร์
ฝัง
  • เผยแพร่เมื่อ 8 ก.ย. 2024

ความคิดเห็น • 119

  • @PedroTechnologies
    @PedroTechnologies  10 หลายเดือนก่อน +5

    Checkout Twingate: www.twingate.com/?
    Use Promo code (15% OFF Teams or Business annual plan): PEDROTECH

    • @Alok_02-h7i
      @Alok_02-h7i 10 หลายเดือนก่อน +3

      Hey, Pedro can you please share all the product details if possible & ThankYou for all your Hardwork

    • @abduljamalolakunle8685
      @abduljamalolakunle8685 10 หลายเดือนก่อน +4

      please pedro can you share the product data. thank you

    • @EK1L
      @EK1L 9 หลายเดือนก่อน +2

      Arquivo Json?

    • @renjisekhar
      @renjisekhar 9 หลายเดือนก่อน

      Where can I get Dummydata ?@@abduljamalolakunle8685

    • @renjisekhar
      @renjisekhar 9 หลายเดือนก่อน +3

      Product dummy data? Can yo get me the ink

  • @kabagambedaniel2468
    @kabagambedaniel2468 10 หลายเดือนก่อน +16

    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

  • @briancornielle2991
    @briancornielle2991 10 หลายเดือนก่อน +3

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

  • @keshavjuneja6499
    @keshavjuneja6499 10 หลายเดือนก่อน +3

    I WAS REALLY WAITIN FOR THIS VIDEO ONLY THANK YOU

  • @tohirul
    @tohirul 10 หลายเดือนก่อน +9

    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

    • @kdot78
      @kdot78 10 หลายเดือนก่อน +3

      it's been 58 minutes. how did you watch ~4 hours of video in 58 minutes?

    • @user-um1yr7lg2m
      @user-um1yr7lg2m 10 หลายเดือนก่อน

      ​@@kdot78😂😂😂😂😂

    • @skyhappy
      @skyhappy 10 หลายเดือนก่อน +2

      Watch code with Antonio. He builds big things.

    • @mindblown9365
      @mindblown9365 10 หลายเดือนก่อน +1

      He can't do that. It's above his level. He is only good at doing trash toy projects.

    • @user-um1yr7lg2m
      @user-um1yr7lg2m 10 หลายเดือนก่อน

      @@mindblown9365 if you see it toy someone see a bigger toy, let's say a beginners vids

  • @matt112fly
    @matt112fly 10 หลายเดือนก่อน +5

    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 👍

    • @PedroTechnologies
      @PedroTechnologies  10 หลายเดือนก่อน +1

      Thank you bro! Reading this kind of messages really motivate me. Its crazy cause I was more motivated to post when my channel was smaller hahahah but reading comments from people like you who have been here since the beginning is very nice :) Its been a very long ride, thank you for the support!!

    • @matt112fly
      @matt112fly 10 หลายเดือนก่อน

      @@PedroTechnologies happy it motivates you - but whatever you do, i'll be forever grateful for all the tremendous help your videos provide and will most likely continue providing.. all the best ❤️

  • @arjunnagar2415
    @arjunnagar2415 7 หลายเดือนก่อน

    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

  • @Razax7
    @Razax7 9 หลายเดือนก่อน +4

    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.

  • @Hedi_Developer
    @Hedi_Developer 10 หลายเดือนก่อน +2

    Hi pedro, i learned many things from you thanks.....
    Wish you all the best

  • @MichaelOmotayo
    @MichaelOmotayo 10 หลายเดือนก่อน +2

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

  • @randomandrandomfacts
    @randomandrandomfacts 10 หลายเดือนก่อน +3

    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😊

  • @BooksWeCanRead
    @BooksWeCanRead 10 หลายเดือนก่อน +1

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

  • @user-em7kk4ku7z
    @user-em7kk4ku7z 10 หลายเดือนก่อน

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

  • @LowProFile1803
    @LowProFile1803 10 หลายเดือนก่อน +3

    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?

  • @k303k
    @k303k 10 หลายเดือนก่อน +1

    thanks for the video pedro🎉

  • @mariocartzl
    @mariocartzl 10 หลายเดือนก่อน +3

    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!

    • @lalatech8946
      @lalatech8946 10 หลายเดือนก่อน

      Can you help with the TECH STACK you are using to achieve that. 😇

  • @vasukalluru4039
    @vasukalluru4039 10 หลายเดือนก่อน +3

    I'm unable to find Products json fie

  • @ravishbisht502
    @ravishbisht502 10 หลายเดือนก่อน +1

    This is what i am waiting for❤

  • @eshw23
    @eshw23 10 หลายเดือนก่อน +6

    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

    • @PedroTechnologies
      @PedroTechnologies  10 หลายเดือนก่อน +8

      What we build is not complex, but the way the code is written is. I tried to follow as many best practices regarding code quality/organization as possible, which made the video longer. If I were to make a real super complex project and follow best practices, it would be a 20 hour video hahaha Maybe in the future :)

    • @eshw23
      @eshw23 10 หลายเดือนก่อน +4

      @@PedroTechnologies Hmm idk about 20 hours, theres plenty of MERN videos, or Nextjs videos that have 3-8 hour length building a complex project, that either involves a real time databse, note taking, or dynamic routes with a group chat, or social media app.

    • @PedroTechnologies
      @PedroTechnologies  8 หลายเดือนก่อน +3

      @@eshw23 Yes, but I myself watched a bunch of those videos and I know that they gloss over important topics. There is a difference between a tutorial and a code along type video. I always have the best intentions in trying to make a video with the best explanation possible.

    • @eshw23
      @eshw23 7 หลายเดือนก่อน

      @@PedroTechnologies I appreciate that, but you can at least put some effort into making a somewhat complex application with decent UI. Im sure you can if you work at twitch.

  • @hubesh716
    @hubesh716 10 หลายเดือนก่อน +1

    Need React native Projects plz start as soon as possible

  • @mediacreatif
    @mediacreatif 10 หลายเดือนก่อน +2

    Yo ! Is MERN SEO friendly ?

  • @ConcurseirosSP
    @ConcurseirosSP 10 หลายเดือนก่อน +1

    Obrigado Pedro.

  • @Aliena92
    @Aliena92 2 หลายเดือนก่อน

    Will you please create an AWS course?

  • @dummymail2495
    @dummymail2495 10 หลายเดือนก่อน +1

    Sweet and awesome.
    Might u have added otp verification ❤

  • @waleedsharif618
    @waleedsharif618 5 หลายเดือนก่อน

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

  • @mooo2146
    @mooo2146 10 หลายเดือนก่อน

    Fantastic. Thanks bedro

  • @AlanEtz
    @AlanEtz 9 หลายเดือนก่อน +1

    I Need for admin dashboard so can add crud

  • @blueProgrammer
    @blueProgrammer 10 หลายเดือนก่อน +1

    Hi ra pedro..... You are programming projects little bit satisfied as compared to my projects😅😂.....

  • @gavit633
    @gavit633 10 หลายเดือนก่อน +2

    hey brother please make a social media web-app with next and mern-stack technologies 🔥🔥🔥🔥

  • @muhammadshahid444
    @muhammadshahid444 10 หลายเดือนก่อน

    suberb work boss ..keep it up its a lot helping☺☺

  • @true227
    @true227 10 หลายเดือนก่อน +1

    Pedro, we need project with Stripe 🤗

  • @YashTiwariji
    @YashTiwariji 5 หลายเดือนก่อน

    i don't why we are not fetching user and populate its previous perchases ? instead axios request again and again

  • @vasukalluru24
    @vasukalluru24 10 หลายเดือนก่อน +1

    Where is the product json file? Couldn't find that?

  • @JoonasKarp
    @JoonasKarp 10 หลายเดือนก่อน +1

    Can you deploy this somewhere to try it ? Like firebase hosting or similar?

  • @biLLie_wiLLie
    @biLLie_wiLLie 10 หลายเดือนก่อน +2

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

    • @pmrebel2733
      @pmrebel2733 6 หลายเดือนก่อน

      why not , javascript ecosystem is most complicated outthere people just love to be adding frameworks upon frameworks on a project. it seems this generations mantra is "the more complicated the better"

  • @zunnoorainrafi5985
    @zunnoorainrafi5985 10 หลายเดือนก่อน +2

    Please answer:
    Is DSA necessary for improving logic in web development????

    • @kdot78
      @kdot78 10 หลายเดือนก่อน +2

      no

    • @PedroTechnologies
      @PedroTechnologies  10 หลายเดือนก่อน +1

      Necessary? No. Helps? Yeah, you can save some memory and optimize some stuff if u are good with dsa

    • @zunnoorainrafi5985
      @zunnoorainrafi5985 10 หลายเดือนก่อน

      @@PedroTechnologies okay, thanks.

  • @niteshprajapat7918
    @niteshprajapat7918 10 หลายเดือนก่อน

    Loved this❤❤🔥🔥

  • @mywaycoding6413
    @mywaycoding6413 10 หลายเดือนก่อน

    champion good work keep it up

  • @user-sp2kv5gd5o
    @user-sp2kv5gd5o 7 หลายเดือนก่อน

    Thank you!

  • @sagarchilivery6112
    @sagarchilivery6112 10 หลายเดือนก่อน

    Love from India❤

  • @kap139
    @kap139 5 หลายเดือนก่อน

    why didn't we just created a vite app ?

  • @abhishekcode
    @abhishekcode 9 หลายเดือนก่อน

    Logic matters👍👌

  • @mananbadaya6001
    @mananbadaya6001 10 หลายเดือนก่อน +2

    does anyone have the data he used for product details

    • @human2579
      @human2579 9 หลายเดือนก่อน

      did you got it now ?

  • @MuhammadEldeeb
    @MuhammadEldeeb 4 หลายเดือนก่อน

    the theme that you are used in Vscode?

  • @user-dc9lg9ez9r
    @user-dc9lg9ez9r 8 หลายเดือนก่อน

    Great video so far! I’m just stuck on the verifyToken function when trying to login on the front end. I automatically get sent an error 401. It seems that there is not an authorisation property present in the request and I didn’t see Pedro set any authorisation header. Any help please?

  • @adhirajkar7396
    @adhirajkar7396 8 หลายเดือนก่อน

    Hey Pedro, can you continue this video and show us how to deploy it for free and also on AWS. Thankyou!

  • @thierry9726
    @thierry9726 10 หลายเดือนก่อน

    Thx from Madagascar

  • @unhandledexception1948
    @unhandledexception1948 10 หลายเดือนก่อน

    the time stamps look a bit messed up ?

  • @louaisiradjeddinebenkedda259
    @louaisiradjeddinebenkedda259 7 หลายเดือนก่อน +1

    where is the json file pedro ?

  • @jithuboi
    @jithuboi 6 หลายเดือนก่อน

    Can i get the custom data added to the product.

  • @adhdmed
    @adhdmed 10 หลายเดือนก่อน

    Cool tutorial, do you also show how to deploy online ?

    • @k303k
      @k303k 10 หลายเดือนก่อน

      if u want to deploy you can use render for backend and vercel for frontend

  • @Elena-us3kz
    @Elena-us3kz 10 หลายเดือนก่อน

    Thanks Pedro! Is the project on github? I can't find it.

  • @anishpatel8498
    @anishpatel8498 8 หลายเดือนก่อน

    no product list in description rip

  • @ipreet6850
    @ipreet6850 10 หลายเดือนก่อน

    Is admin panel is also there in website?

  • @panzagamesplay902
    @panzagamesplay902 8 หลายเดือนก่อน

    I used yoyr video to learn react

  • @celodit1646
    @celodit1646 8 หลายเดือนก่อน

    Nice!

  • @psychofreak9014
    @psychofreak9014 9 หลายเดือนก่อน +1

    Can you tell me where the product.json file is

    • @rakeshgarlapati3965
      @rakeshgarlapati3965 หลายเดือนก่อน

      did u get it bro, if u got it please send

  • @human2579
    @human2579 9 หลายเดือนก่อน

    2:26:27 why product stock only decreasing to -1, what if user bought 10 items of same product ?

    • @luckyluke1647
      @luckyluke1647 8 หลายเดือนก่อน

      yea thats a problem

    • @kronos7455
      @kronos7455 2 วันที่ผ่านมา

      Any solution for this?

  • @regilearn2138
    @regilearn2138 10 หลายเดือนก่อน

    pls include RTK QUERY

  • @alexeyfilippov42
    @alexeyfilippov42 10 หลายเดือนก่อน

    eh, the video is not translated by the translator for more than an hour(((

  • @ricardocunha109
    @ricardocunha109 10 หลายเดือนก่อน

    Bro are you Portuguese?

  • @rapartmaroc8905
    @rapartmaroc8905 10 หลายเดือนก่อน

    where is the data broo ?

  • @webber5629
    @webber5629 10 หลายเดือนก่อน

    code ?

  • @Metovski
    @Metovski 10 หลายเดือนก่อน +1

    there is no filter, sort etc. this app is not react advanced project. its a regular e commerce clone

  • @human2579
    @human2579 9 หลายเดือนก่อน +1

    bro dummy data

  • @user-me9bq9dk2u
    @user-me9bq9dk2u 9 หลายเดือนก่อน

    53:48

  • @kisuhara7844
    @kisuhara7844 10 หลายเดือนก่อน

    lol each user should have a cart item in their database

  • @skyhappy
    @skyhappy 10 หลายเดือนก่อน +1

    MERN is kinda dead man...and SQL > NoSQL for majority of use cases.

    • @gideonolaiya6665
      @gideonolaiya6665 10 หลายเดือนก่อน

      What made you say SQL is better than NoSQL?

    • @skyhappy
      @skyhappy 10 หลายเดือนก่อน

      @@gideonolaiya6665 The vast majority of data out there matches the format SQL was made for. For example youtube comments belong to a user. This belonging part is a piece of cake in SQL with foreign keys and primary keys.

    • @gideonolaiya6665
      @gideonolaiya6665 10 หลายเดือนก่อน

      ​@@skyhappyyeah referencing data is also a piece of cake in NoSQL, I know people have their preference but I actually don't see any difference between the two

  • @Sky-yy
    @Sky-yy 10 หลายเดือนก่อน +2

    Reall bad ui .

    • @PedroTechnologies
      @PedroTechnologies  10 หลายเดือนก่อน +12

      My videos are meant to focus on the functionality instead of the UI :) Tbh I wish I was good with UI but thats just not what I work with

    • @mananbadaya6001
      @mananbadaya6001 10 หลายเดือนก่อน +1

      ​@@PedroTechnologies data brother

    • @human2579
      @human2579 9 หลายเดือนก่อน

      @@mananbadaya6001 bro you got it now ?

  • @yacine5046
    @yacine5046 10 หลายเดือนก่อน +1

    please pray for palestine

  • @akinlooseemmanuel5232
    @akinlooseemmanuel5232 10 หลายเดือนก่อน

    Sensei 🫡

  • @Ageless_Rahul
    @Ageless_Rahul 4 หลายเดือนก่อน

    can i put this project in my resume in 2024🙃