MERN STACK ECOMMERCE WEBSITE REACT, REDUX, EXPRESS, NODE, MONGODB IN HINDI COMPLETE PROJECT

Поделиться
HTML-код
  • Опубликовано: 23 сен 2021
  • This video is mern stack ecommerce website react, redux, express, node, mongodb in Hindi complete project.
    Hello everyone, my name is Abhishek Singh, the only programmer in the world with 6 pack abs and you are watching 6 pack programmer.
    In this video, I have how to create an ecommerce website using mern stack that is scalable and future proof. I have used React for frontend & redux for state management, Node JS & Express for backend with MongoDB as database.
    Join Discord: / discord
    Udemy Course - www.udemy.com/course/mern-sta...
    Complete Source code for MERN STACK Ecommerce Website:- github.com/meabhisingh/mernPr...
    All Product Images :-
    drive.google.com/file/d/1lQk3...
    Video must checkout before watching this course
    Node - • Node JS Made Easy in H...
    React - • 🔴 Build and Deploy You...
    Express - • Express JS in One Less...
    MongoDB - • Master MongoDB: A Comp...
    RestApi - • Build a RESTful API: A...
    Timestamp, chapters and topic covered in video :
    00:00:00 Intro
    00:01:24 Demo
    00:22:49 Starting with backend
    00:37:46 Making Product API
    01:02:34 Backend Error Handling
    01:24:21 Adding Search, Filter & Pagination to backend
    01:52:18 Backend User & Password Authentication
    03:25:16 Backend User Routes
    04:08:27 Making Order API
    04:42:57 Starting Frontend
    05:17:58 Redux Implementation
    06:37:06 Adding All Filters in frontend
    07:25:49 Login & Registration Component
    08:05:32 Loading & Updating User
    09:11:45 Change, Forgot & Reset Password
    09:48:20 Creating Cart Component
    10:35:37 Receiving Payment & Creating Order
    11:38:01 User's Order & Review
    12:33:14 Creating Admin Routes
    15:17:31 Finalizing Before Deployment
    15:27:02 Deploying on Heroku
    In 2023, it the most practical web development course you will find on RUclips. We will understand each concept theoretically as well as practically. After understanding concept, we will create projects and do fun challenges.
    So make sure to subscribe to my channel, So you can't miss any update.
    Web Development Playlist: • Become a Web Developme...
    React Js Full Playlist: • REACT JS COURSE 2023
    Product Used
    Camera: amzn.to/3I5G0bC
    Alternate Camera: amzn.to/3YxEvbt
    Processor: amzn.to/40Cav02
    RAM: amzn.to/3YgEAAw
    Motherboard: amzn.to/3XbFrBf
    SSD: amzn.to/3RMmN1Y
    Guitar: amzn.to/3xbnOqw
    Monitor: amzn.to/3JVh33Q
    Laptop: amzn.to/3lmfJwx
    Keyboard: amzn.to/3jKg3oI
    Keyboard Wireless: amzn.to/40GNuc6
    Touch Panel: amzn.to/3XgdGHC
    ------------------------------------CONTACT ME -------------------------------
    ruclips.net/user/6packprogramme...
    / meabhisingh
    / meabhisingh

Комментарии • 4,3 тыс.

  • @ThapaTechnical
    @ThapaTechnical 2 года назад +1186

    Wow.. Awesome 😀

  • @ajmalhasan2015
    @ajmalhasan2015 Год назад +8

    I was earlier following Traversy Media but now following your content also.
    Yours is very easy to understand and great quality. Thank u

  • @funandmasti9760
    @funandmasti9760 Год назад +2

    thank bhai me totly beginners. hu mene 2 din pehle hi apki web devlopment kir series poori ki he aur ye video bhi beginner friendly he

  • @6PackProgrammer
    @6PackProgrammer  2 месяца назад +1

    Join Discord: discord.gg/mhRB3wuS33

  • @sarojkumarsingh3094
    @sarojkumarsingh3094 2 года назад +15

    Your content is truly valuable. First of all it is in hindi its gonna pay off in the long run. keep bringing more like this.

  • @ashikurrahman5729
    @ashikurrahman5729 2 года назад +79

    Only the Great person can do this Million dollars tutorial for free.
    I am promising you that, after become a MERN stake web developer I will teach people absolutely free like you. Because, there are thousand of people on the planet who is suffering from lack of money like me & they dont able to buy.
    May Allah bless you.
    Stay happy & healthy all time time.
    Love from Bangladesh 🇧🇩

    • @md.riduanulhaque5812
      @md.riduanulhaque5812 2 года назад

      ashik vi did you make the website as tutorial?

    • @bvlog5975
      @bvlog5975 2 года назад

      Bro m Getting problem to make a project

    • @coderbhai4832
      @coderbhai4832 2 года назад +1

      Bro did you make it? Can i get your contact info?

    • @Ayush37262
      @Ayush37262 6 месяцев назад

      Can beginners watch this tutorial??

    • @jubayerahmed6412
      @jubayerahmed6412 4 месяца назад

      @ashikurrahman5729 Have you become full stack developer?

  • @rysmo0
    @rysmo0 Год назад +89

    I'm from Kenya, I don't understand HINDI but I can attest to the fact that your courses are the best. They have really helped me a lot. Namaste Abhishek.

    • @goatking369
      @goatking369 Год назад +3

      me too omera, he should do an english version wld be really great

    • @nazmuddin300
      @nazmuddin300 Год назад +7

      i'm from mars and i dont understand hindi but i can attest to the fact that your courses are the best.They have really helped me a lot Namaste Abhishek

    • @sumantiwari049
      @sumantiwari049 Год назад +1

      Can you help me little bit i have one error.

    • @technicalspot1848
      @technicalspot1848 Год назад

      @@sumantiwari049 msg kya hai kaise ayea time stamp code yeh sab bhi btao bhai?? Tab hi help kr paunga

    • @thomasphilip5030
      @thomasphilip5030 Год назад +1

      @@technicalspot1848 Sir, Google has disable "Less secure app" feature. How to send email now Sir? Please reply...🙏🙏

  • @comic32118
    @comic32118 Год назад +3

    Aap to artist admin ho..bahut sunder course banaya hai.. Love you Mern stack content.... thank you so much for your gift.. ;)

  • @mlLearning490
    @mlLearning490 2 года назад +13

    You got new subscriber and I'm going to share this video to the whole my class.

  • @khanaldk
    @khanaldk 2 года назад +12

    Wow! You've done a great job for novice programmer. Thank you.

    • @Dipanshudahare
      @Dipanshudahare 4 месяца назад

      How to solve npm run dev error solve

  • @mohitrathore8604
    @mohitrathore8604 Год назад +1

    Hello bhai, me mern RUclips se hi pd rha tha or search kr rha koi Asa project ho jisme sari functionality ho jisse me use kr Saku then I got u. Your project is super se uper Asa koi paid kr bhi n sikayega awesome 👌 👏
    Most genius on RUclips
    Codewithharry
    Thappatechnical
    And you
    Or many others who provide such a great learning...

  • @Jaan_Mustafa
    @Jaan_Mustafa 11 месяцев назад +70

    00:00:00 Intro
    00:01:24 Demo
    00:22:49 Starting with backend
    00:37:46 Making Product API
    01:02:34 Backend Error Handling
    01:24:21 Adding Search, Filter & Pagination to backend
    01:52:18 Backend User & Password Authentication
    03:25:16 Backend User Routes
    04:08:27 Making Order API
    04:42:57 Starting Frontend
    05:17:58 Redux Implementation
    06:37:06 Adding All Filters in frontend
    07:25:49 Login & Registration Component
    08:05:32 Loading & Updating User
    09:11:45 Change, Forgot & Reset Password
    09:48:20 Creating Cart Component
    10:35:37 Receiving Payment & Creating Order
    11:38:01 User's Order & Review
    12:33:14 Creating Admin Routes
    15:17:31 Finalizing Before Deployment
    15:27:02 Deploying on Heroku

    • @indianairforce1824
      @indianairforce1824 10 месяцев назад

      i need some help can you share your any social media handle so i can contact you

    • @abhayvishwakarama6046
      @abhayvishwakarama6046 10 месяцев назад

      Great bro🎉

    • @rahul_0666
      @rahul_0666 9 месяцев назад

      bro are you worked on it ? I got an error

    • @indianairforce1824
      @indianairforce1824 9 месяцев назад

      @@rahul_0666 yes bro

    • @vinayak7425
      @vinayak7425 9 месяцев назад

      @@abhayvishwakarama6046 bro are u facing any kind of problem in error handling...i am facing if u can help me

  • @rajat4002
    @rajat4002 2 года назад +122

    This is a pure gold video for new beginners. React + Redux + Backend = AWESOME !

    • @josephpiouskowura3461
      @josephpiouskowura3461 2 года назад +3

      What is the link to visit this website. I manually typed it and is not showing anything

    • @muhammadmansoor7425
      @muhammadmansoor7425 Год назад

      Mujy error mil ra hai jab environment create krta hun or npm run dev krta hun i need help

    • @harshad_sahu
      @harshad_sahu Год назад

      @@alirao1096 code send karo controller aur routers ka

    • @satkirti_mishra
      @satkirti_mishra Год назад

      @@muhammadmansoor7425 hey, is your problem solved?
      I have same problem,please help me

    • @ehsankabir5235
      @ehsankabir5235 11 месяцев назад

      exports.demoProduct = tryCatch(async (req, res, next) => {
      if (req.query.search) {
      console.log(req.query.search);
      let product = await productModel.find({
      $or: [
      { name: { $regex: new RegExp(req.query.search, "i") } },
      { description: { $regex: new RegExp(req.query.search, "i") } },
      ],
      });
      console.log(product);
      res.status(200).json({
      success: true,
      products: product,
      });
      } else {
      let product = await productModel.find();
      console.log(product);
      res.status(200).json({ success: true, products: products });
      }
      });
      bro can you tell me why am i getting blank array in response

  • @livingbeing8661
    @livingbeing8661 Год назад +4

    Areh Bhai Bhagwan ho kya. Hats off to your hardwork. Bohut Bohut Sukriya Brother

  • @NandiniShiny
    @NandiniShiny Год назад +3

    I just watched 2hrs and it is absolute gold .

  • @AwaisKhan-wf6qz
    @AwaisKhan-wf6qz 11 месяцев назад +14

    i am from Pakistan, this is the best and most advanced MERN stack project...👍👍👍

    • @agtech3768
      @agtech3768 5 месяцев назад

      same

    • @tuhinghosh9737
      @tuhinghosh9737 8 дней назад

      ​@@agtech3768is this video working correctly in 2024? Should I watch it?

  • @farhadalamkawser7852
    @farhadalamkawser7852 2 года назад +4

    You are the BEST Sir,,I just love❤️❤️ U..Thank u so much for ur hard working..Love u from Bangladesh..❤️❤️

  • @ArjunSharma-gp6hy
    @ArjunSharma-gp6hy 2 года назад +8

    Brother literally we salute to your big efforts for this 🙏👌🔥

  • @invinciblevikas9553
    @invinciblevikas9553 Год назад

    I like the video before watching bcz i know how much efforts you put in this video Salute to your dedication towards this community .

  • @Saksham-Gupta
    @Saksham-Gupta 11 месяцев назад +3

    Can't find any other video with such a good explanation.
    Loved your way of teaching Sir....✌✌

    • @sonunmahto8119
      @sonunmahto8119 10 месяцев назад

      i am having issue in building this project. Drop any of your social so that i can connect will be helpful

  • @anchalsingh5597
    @anchalsingh5597 2 года назад +4

    That's what I was searching for so long thanks brother

  • @suryanandx
    @suryanandx 2 года назад +7

    I really appreciate this tutorial man ! . Not because of the content , mainly because of the efforts (and native language ;))

  • @ishitakundi1102
    @ishitakundi1102 Год назад +1

    Best project on MERN. Thanks a lot sir. Learnt a lot.

  • @bhriguvaach
    @bhriguvaach Месяц назад

    Bhai 1 no. 🔥🔥🔥
    Bahut Bahut dhanyavaad aapka... hamaare liye itna parishram krne k liye...♥

  • @RafayKhanfy
    @RafayKhanfy Год назад +4

    Brother, first of all, it takes a lot of hard work, so thankyou so much for that.
    Right now I have watched almost 3 hours, and I have noticed most of the time you leave explaining things, which you should not, because I know how a struggling developer/learner leaves learning when they feel that now they cannot understand.

    • @Ayush37262
      @Ayush37262 6 месяцев назад

      Can beginners watch this tutorial??

  • @codingloading
    @codingloading 11 месяцев назад +5

    Bhai abhi tak kha chupe the aap jaise logo ki bahut jarurat hai aaj ke engineers ko

  • @michaelnwachukwu4460
    @michaelnwachukwu4460 Год назад

    Welldone bro this is by far the best MERN stack Ecommerce site i have seen...

  • @rohitmiryala8543
    @rohitmiryala8543 11 месяцев назад +1

    Great Job man keep it up👍This video helped alot in making my banking service project. Thanks alottt

  • @arslancodecorner
    @arslancodecorner 2 года назад +8

    Its awesome yaar. Kia baat hy😍. I know its take alot of time to make such type of tutorials.Thank you so much brother. keep uploading more tutorials like this one.

    • @josephpiouskowura3461
      @josephpiouskowura3461 2 года назад

      What is the link to visit this website. I manually typed it and is not showing anything

  • @vitragvasa5392
    @vitragvasa5392 2 года назад +19

    This is masterpiece, your efforts will pay off soon

    • @josephpiouskowura3461
      @josephpiouskowura3461 2 года назад

      What is the link to visit this website. I manually typed it and is not showing anything

  • @ashurajput3526
    @ashurajput3526 8 дней назад

    Literally bro i was a bit hesistant and confused related to backend. But, damn your just one project gave me so much knowledge and confidence. Thanks a lot bro

  • @icode4741
    @icode4741 Год назад +1

    Great SuperDuper Build!, 👍👍 🔥🔥🔥🔥, Carryon Bhaiya!! 🔥🔥🔥🔥

  • @junaid9169
    @junaid9169 2 года назад +4

    Amazing! Thanks for this masterpiece.

  • @getvivekjoshi
    @getvivekjoshi 2 года назад +12

    Yes its very hard to finish a project even of 6 to 7 hours great efforts making 15 hours long video thanks.

  • @mrbeliever1810
    @mrbeliever1810 Год назад

    Thanks a lot, by seeing your demo I think I can learn a lot of things through this course💖💖💞💞 .

  • @qaziahmad3639
    @qaziahmad3639 Год назад

    I have subscribe your channel only because of your hard work that you spent 1 month on this project as you say in the beggining of video

  • @sarangkkl214
    @sarangkkl214 2 года назад +4

    abhishek you did a great job
    i feel so sad when i search something i dont find anything in hindi or good quality content in hindi these small small things makes a big impact on country progress

    • @sarangkkl214
      @sarangkkl214 2 года назад

      Do you have a forum where we can ask question regarding this

  • @ramsir011
    @ramsir011 2 года назад +8

    Every small things is explained clearly. This tutorial is from basic to advanced . I am learning so much things. Thank you so much

    • @ehsankabir5235
      @ehsankabir5235 11 месяцев назад

      exports.demoProduct = tryCatch(async (req, res, next) => {
      if (req.query.search) {
      console.log(req.query.search);
      let product = await productModel.find({
      $or: [
      { name: { $regex: new RegExp(req.query.search, "i") } },
      { description: { $regex: new RegExp(req.query.search, "i") } },
      ],
      });
      console.log(product);
      res.status(200).json({
      success: true,
      products: product,
      });
      } else {
      let product = await productModel.find();
      console.log(product);
      res.status(200).json({ success: true, products: products });
      }
      });
      bro can you tell me why am i getting blank array in response

    • @sonunmahto8119
      @sonunmahto8119 10 месяцев назад

      i am having issue in building this project. Drop any of your social so that i can connect will be helpful ..or just reply me, i will share mine

    • @syedammarali108
      @syedammarali108 3 месяца назад

      Hey, is your code working fine?

  • @srinivasnahak3473
    @srinivasnahak3473 10 месяцев назад +1

    Hats off to your hard work and quality of your content brother!

  • @08_rijultiwari61
    @08_rijultiwari61 Год назад

    bhai bhot bhdiya lge rho aise hi content bnakr sbka bhla krte rho

  • @6PackProgrammer
    @6PackProgrammer  2 года назад +110

    *Note*: - Overlay-navbar auto-hide feature is enabled.
    Now you have to add your custom icons. (See documentation)
    Make sure to use overlay-navbar v1.2.3 or above, Read the documentation,
    here: - www.npmjs.com/package/overlay-navbar

    • @ashikurrahman5729
      @ashikurrahman5729 2 года назад +2

      Vai HD version plz....... Mp4 me kus nehi samazraha hay.
      HD version dedo plz plz pkz

    • @newagecoder5417
      @newagecoder5417 2 года назад +4

      at 3:20:00 when we are sending the mail but its shows an error its says {
      "success": false,
      "message": "self signed certificate in certificate chain"
      }
      tell me the solution

    • @PrakashKumar-qh8cn
      @PrakashKumar-qh8cn 2 года назад

      Oooo bhaisahab kya video hi 😎

    • @shweta9birthare
      @shweta9birthare 2 года назад

      link for HD version.

    • @6PackProgrammer
      @6PackProgrammer  2 года назад +1

      @@safwanyousaf338 package.json me overlay-navbar 1.1.1 h ?

  • @sarthakgurung2978
    @sarthakgurung2978 8 месяцев назад +3

    I'm from Area 51, I don't understand HINDI but I can attest to the fact that your courses are the best. They have really helped me a lot. Namaste Abhishek.

  • @ayanonlinee
    @ayanonlinee Год назад

    finally, I have completed backend part, Thank you so much sir (💖💖Love from Kolkata)

    • @The-Empowerment-Engine
      @The-Empowerment-Engine Год назад +1

      Can you please share the backend code with me. I am having few issues and errors

  • @zahrastext8521
    @zahrastext8521 2 года назад +52

    Creating this video and editing is not an easy task. It requires a lot of mental stamina. You made it man

    • @Jitendrakumar-gb7cn
      @Jitendrakumar-gb7cn 2 года назад

    • @08_rijultiwari61
      @08_rijultiwari61 Год назад

      @@Jitendrakumar-gb7cn heart

    • @sonunmahto8119
      @sonunmahto8119 10 месяцев назад

      i am having issue in building this project. Drop any of your social so that i can connect will be helpful

    • @indianairforce1824
      @indianairforce1824 10 месяцев назад

      bro i am getting trouble in defining products schema can you share your code here
      @@sonunmahto8119

  • @saurabhjoshi5021
    @saurabhjoshi5021 2 года назад +4

    thanks for this
    You should also upload this on parts
    Congratulations you got your 800th subscribe
    Will reach to 1k very soon

  • @youcube291
    @youcube291 Год назад

    Thank you for sharing this information. I've been looking for a solution to this problem and your video really helped me out.

  • @devuthakkar1602
    @devuthakkar1602 Год назад

    overlay-navbar npm package is published by YOU...excellent!

  • @seeyou7989
    @seeyou7989 2 года назад +4

    Wow amazing waiting for next MERN project🥰

    • @nelsonparajuli8853
      @nelsonparajuli8853 Год назад

      share your source code i got error while doing regestration from frontend

  • @adarshbhardwaj6190
    @adarshbhardwaj6190 10 месяцев назад +3

    The way you are always speaking during the course helps a lot, and don't let this long tutorial feel boring👌👌

    • @vaibhaviroy8173
      @vaibhaviroy8173 10 месяцев назад

      I am facing issue of
      "success": false,
      "message": "jwt must be a string"
      How to fix?

  • @humdullahsiddique3966
    @humdullahsiddique3966 Год назад

    Very much helpful and knowledgeable tutorial much love from Pakistan ♥️

  • @RavindraSingh-lp9pl
    @RavindraSingh-lp9pl Год назад +2

    @6 Pack Programmer ...superb work...bro ek aur aisaa hi major project banaado for Mern Stack..as I am giving interviews.

  • @adityasomaiya584
    @adityasomaiya584 2 года назад +11

    Thank you Abhishek, this is the best and most advanced MERN stack video! You have made sure that all steps including errors, debugging and have to solve them are shown. All the best to you and please bring more content like this.

    • @manikaggarwal4269
      @manikaggarwal4269 2 года назад +2

      have you completed this project?

    • @Swagat0034
      @Swagat0034 2 года назад

      Isme user-id aur order-id auto generate hoti hai?

    • @Swagat0034
      @Swagat0034 2 года назад

      Is this website is a responsive website?

    • @ehsankabir5235
      @ehsankabir5235 11 месяцев назад

      exports.demoProduct = tryCatch(async (req, res, next) => {
      if (req.query.search) {
      console.log(req.query.search);
      let product = await productModel.find({
      $or: [
      { name: { $regex: new RegExp(req.query.search, "i") } },
      { description: { $regex: new RegExp(req.query.search, "i") } },
      ],
      });
      console.log(product);
      res.status(200).json({
      success: true,
      products: product,
      });
      } else {
      let product = await productModel.find();
      console.log(product);
      res.status(200).json({ success: true, products: products });
      }
      });
      bro can you tell me why am i getting blank array in response

    • @sonunmahto8119
      @sonunmahto8119 10 месяцев назад

      i am having issue in building this project. Drop any of your social so that i can connect will be helpful ..or just reply me, i will share mine

  • @developmentmastery
    @developmentmastery 2 года назад +3

    Great Work Man, Heads OFF to such a hard work and thanks for explaining every small things in detail...Keep Going.👌👍👌

    • @skmeanseverything3937
      @skmeanseverything3937 2 года назад

      Code
      this is my code in VS code to check if the user is an admin or a user
      exports.authorizeRoles = (...roles) => {
      return (req, res, next) => {
      if (!roles.includes(req.user.role)) {
      return next(
      new ErrorHandler(
      Role: ${req.user.role} is not allowed to access this resource,
      403
      )
      );
      }
      next();
      };
      };
      Error in postman API
      the used declaration should be fine i don't know what's this problem
      "success": false,
      "message": "Cannot read properties of null (reading 'role')"
      please help me sir

    • @peropantheryt8440
      @peropantheryt8440 8 месяцев назад

      can you help me 1: if I go to product detail page your stars will not load properly you have to manually restart the the page even on adding the loading (2) in the update profile page if you dont change the image and change the name etc and click on update you will get internal server error (3) my carousal image is not displaying properly because of some flex issue but if i remove it my whole image location and other items are getting messed up in mobile and etc .

  • @funterban6536
    @funterban6536 Год назад

    Excellent work abhishek this is worth of praise

  • @usmanakbar8592
    @usmanakbar8592 Год назад

    it looks like professional project , well done man

  • @nazmuddin300
    @nazmuddin300 Год назад +8

    i'm from mars and i dont understand hindi but i can attest to the fact that your courses are the best.They have really helped me a lot Namaste Abhishek

  • @Limitless_launda
    @Limitless_launda Год назад +5

    Hello Abhishek, this is the first tutorial with the great explanation, the features which u r adding to this video are very good than the paid tutorials.

    • @sonunmahto8119
      @sonunmahto8119 10 месяцев назад

      i am having issue in building this project. Drop any of your social so that i can connect will be helpful ..or just reply me, i will share mine

    • @sawankumar9102
      @sawankumar9102 6 месяцев назад

      @@sonunmahto8119 bhai hua project pura

  • @neelkawitkar6081
    @neelkawitkar6081 Год назад

    Bhai sahab! Learnt a lot from this course. Keep up the good work brother.

    • @aayushsharma1697
      @aayushsharma1697 Год назад

      Neel Brother can you please share the code ,i got error in forgot password

  • @Stories_Latest_Old
    @Stories_Latest_Old Год назад +1

    Wow..... Very Very Nice.......Very Thanks to provide this project ☺️

  • @vaibhavmatere18
    @vaibhavmatere18 2 года назад +7

    Thank you for putting so much efforts man ! really appreciate your hard work! we as a subscriber will pay back to you in future ! Keep adding values ...!

    • @alirao1096
      @alirao1096 Год назад

      anyone have 'match.params.id' related error i mean cannot read property 'params'???

    • @aadarshkumar4248
      @aadarshkumar4248 Год назад

      @@alirao1096 import useParam() from 'react-router-dom' ---> Then write const { id } = useParams(); in the function before return statement. -----> After that use 'id' instead of 'match.params.id'. Your problem will get solve.

    • @aadarshkumar4248
      @aadarshkumar4248 Год назад

      Here, I have use 'id' but you can use any other name instead of id.

  • @aprekshamathur6143
    @aprekshamathur6143 Год назад

    Thank you so much for this video. This video really taught me a lot and helped me in my project. This is literally the best video. Thank you

    • @froxn3931
      @froxn3931 Год назад

      5:56:26 bro the react-alert isn't working the error alert isn't showing help me

  • @rambharatsingh4975
    @rambharatsingh4975 Год назад

    Im learning importent things for mern stack awesome n thnks for make thi video bro🙏

  • @_insanebuddy
    @_insanebuddy Год назад +62

    I can say if someone is able to complete this project, then this project itself is enough to make you fullstack developer. You just need to learn each stuff carefully. I currently setting up user profile on frontend and up till now I can say I got great insights how things work in deep. Thanks to you 6packprogrammer

    • @marieaanjumanshrestha5284
      @marieaanjumanshrestha5284 Год назад

      I was trying to run the source code, but the database config file is not connecting. Would you please tell me how to solve the issue?

    • @_insanebuddy
      @_insanebuddy Год назад

      @@marieaanjumanshrestha5284 did you added the config.env file in the database folder ? without it you cannot connect the backend.

    • @marieaanjumanshrestha5284
      @marieaanjumanshrestha5284 Год назад +1

      @@_insanebuddy const mongoose = require("mongoose");
      const connectDatabase = () => {
      mongoose
      .connect(process.env.DB_URI, {
      useNewUrlParser: true,
      useUnifiedTopology: true,
      useCreateIndex: true,
      })
      .then((data) => {
      console.log(`Mongodb connected with server: ${data.connection.host}`);
      });
      };
      module.exports = connectDatabase;
      would please tell me where to add? config.env?

    • @_insanebuddy
      @_insanebuddy Год назад +2

      @@marieaanjumanshrestha5284 not here inside the database folder .

    • @_insanebuddy
      @_insanebuddy Год назад +1

      @@marieaanjumanshrestha5284 you need to create a config.env folder inside the data ase folder and then you can copy the environmental variables given in the source code

  • @HyperGaming-qc2td
    @HyperGaming-qc2td 9 месяцев назад +21

    Because of this video I got an internship

  • @sachinrathod8319
    @sachinrathod8319 Год назад

    appreciate your efforts bro and giving such content free deserves a big thumbs up👍 thanks

    • @froxn3931
      @froxn3931 Год назад

      5:56:26 bro the react-alert isnt working the error alert isnt showing help me

  • @prismx-bb7fl
    @prismx-bb7fl Год назад

    Best Video bro and trying to make more videos like this.Thanks

  • @pikolq7665
    @pikolq7665 2 года назад +3

    thanks. teach us next js complete and deatails tutorial. also we need material ui course.

  • @511sanjeevthalod7
    @511sanjeevthalod7 10 месяцев назад +3

    20 min to showcase the project, this shows how amazing it is

    • @indianairforce1824
      @indianairforce1824 9 месяцев назад

      bro can you send me your code link'

    • @511sanjeevthalod7
      @511sanjeevthalod7 9 месяцев назад

      @@indianairforce1824 not uploaded

    • @DSA_Javascript
      @DSA_Javascript 8 месяцев назад

      ​@@indianairforce1824banaya kya aap ne ye project?

  • @nanic3457
    @nanic3457 7 месяцев назад +2

    Thanks for this nice tutorial bhaiya. It is helping me alot to understand each concept at one place. I will also add email verification functionality by using this nodemailer.😀🙏

  • @user-ge9te3ol3r
    @user-ge9te3ol3r 7 месяцев назад

    Thank You so Much You have Brighten some one Life , By Sharing These Kudos Bii

    • @rohitkaurav9087
      @rohitkaurav9087 7 месяцев назад

      help me how to start with the forntend as most of the packages used in this video are not sed anymore or the latest version of react . I also tried downgrading to older version used here but cold not download some inportant packages like react-redux etc due to conflicting dependencies . If anyone has solved this issue please help me also with the same

  • @kanchankumar-ix5wh
    @kanchankumar-ix5wh 2 года назад +8

    Sir, please make another Mern stack project like school management or doctor appointment booking. After working on two or three different Mern stack project. It will gives full confidence to build another own project.

    • @167shivamrai2
      @167shivamrai2 2 года назад +2

      If u have completed this project , you can help students facing error while doing this project. You can read all comments and if you find solutions to them just update the students or make a video on solution and paste the link here....
      This would be helpful for those who are trying.
      I have read many comments, but no one written they have successfully completed project.
      Pls help if u are free and capable

  • @yashsharma6112
    @yashsharma6112 Год назад +3

    Sir please, could you tell me that why you did the totalPrice calculation in front end and why not in order API backend. It can also be done in backend because whenever a user adds an order in cart we can access product price in backend and similarly calculate the total sum of all products present in the cart

  • @dipankarroy8049
    @dipankarroy8049 Год назад

    You are great. This is extreme knowledge details video.

  • @MemeLord-ng4nl
    @MemeLord-ng4nl 10 месяцев назад

    Because of your videos, I was able to get my first job recently. Really thank you so much bro❤

    • @pawankatre5980
      @pawankatre5980 10 месяцев назад

      Have u built this project, pls drop your social id here for guidance if I face any issues in this project

  • @amarnathprajapati2543
    @amarnathprajapati2543 2 года назад +4

    4:19:27
    619 is area code,
    Thank you so much, Sir for this awesome content.

    • @AashutoshBansal
      @AashutoshBansal Год назад

      Bhai tumne banaya h kya project?

    • @amarnathprajapati2543
      @amarnathprajapati2543 Год назад

      @@AashutoshBansal haa bhai

    • @AashutoshBansal
      @AashutoshBansal Год назад

      @@amarnathprajapati2543 can u please help me

    • @AashutoshBansal
      @AashutoshBansal Год назад +1

      I'm stuck at 6:10:30

    • @amarnathprajapati2543
      @amarnathprajapati2543 Год назад

      @@AashutoshBansal bhai, github par repo dala hai sir ne jab na samaj me aaye to copy paste kar lo.
      Vaise front end jyada nahi bataya gaya hai esami backend specific hai

  • @akshayjoshi1234
    @akshayjoshi1234 2 года назад +10

    Great video.. learnt alot because of this video...
    Please create a video of below features in this project
    1.login with Mobile OTP.
    2.Login with Facebook.
    3.Login with gmail.
    Once again thank you for making this video

  • @mzohaib27
    @mzohaib27 6 месяцев назад

    amazing bro... u don't know how much millions of dollars you saved of people buy uploading this video...even paid courses hv not much knowledge as u teach in this video..... thank you 🧡🧡🧡

    • @tuhinghosh9737
      @tuhinghosh9737 14 дней назад

      Is there any issue of fetching api bro?

  • @shoaibhasan4026
    @shoaibhasan4026 11 месяцев назад

    Exceptional video on youtube 😍

  • @andrewsinelnikov2307
    @andrewsinelnikov2307 2 года назад +7

    Thanks for this tutorial. You taught me more than a paid course on Udemy

    • @snehbavarva8383
      @snehbavarva8383 2 года назад +1

      Bro did you completed this project? If yes then, did you get error (cannot read properties of undefined (images) ) at 6:10:10 ? And if you get then please help me.

    • @wolverine_d_king9422
      @wolverine_d_king9422 2 года назад

      Bro can you tell me validatebeforesave : false meaning

    • @snehbavarva8383
      @snehbavarva8383 2 года назад

      @@wolverine_d_king9422 it's for validation of schema. Mongoose library check every object of schema before saving to database and if schema found null then it will set to false.

    • @andrewsinelnikov2307
      @andrewsinelnikov2307 2 года назад

      @@wolverine_d_king9422 Could you remind me where do you mean?

    • @ashishrautela5066
      @ashishrautela5066 Год назад

      @@snehbavarva8383 did uh resolve this?

  • @adityanarayansingh567
    @adityanarayansingh567 2 года назад +6

    I followed it religiously, it took 40 days of time to learn and create this and it was worth it, today I have completed and deployed this project

    • @jahnavimehra9
      @jahnavimehra9 2 года назад +1

      my products are not displaying in the home page ..though it is fetched from backend and can be seen in reduxDevTools .What can be the reason can you help me with that

    • @adityanarayansingh567
      @adityanarayansingh567 2 года назад

      @@jahnavimehra9 Their is a chance u have done mistake in writing Products.js file, u might have not dispatch the products, but without looking at code I can't comment anything. Stack overflow is the place where u can get ur answer

    • @charanr5189
      @charanr5189 2 года назад +1

      @@adityanarayansingh567 6:11:01 showing error that cannot read the properties of params even after using useParams. And after clicking product the product details is not shown getting error as mentioned above . please help me

    • @adityanarayansingh567
      @adityanarayansingh567 2 года назад

      @@charanr5189
      Import {useParams} from 'react-router-dom'
      Const {id} = useParams()
      Have u used it like this??

    • @charanr5189
      @charanr5189 2 года назад

      @@adityanarayansingh567 no bro
      But Same import
      I have used
      Let params = useParams() ;

  • @vashakir2452
    @vashakir2452 Год назад +2

    amazing work , thanks a lot 😍

  • @user-pv4jh5te2r
    @user-pv4jh5te2r Год назад

    dhanyawaad bhai kaffi helpfuull rha h ye vdo

    • @saang_ss
      @saang_ss 5 месяцев назад

      Have you completed this project?

  • @me_079_aashishkumarnayak6
    @me_079_aashishkumarnayak6 11 месяцев назад +21

    watched your 16-hour MERN stack project video, and I'm over the moon! In a world where kindness is sometimes in short supply, your actions shine brightly. Thank you for being awesome! and thanks for the awesome content!

    • @Saksham-Gupta
      @Saksham-Gupta 11 месяцев назад +1

      bro how did you managed the redux part... The version he is using in the project is deprecated and old

    • @Alvin-ex3wu
      @Alvin-ex3wu 11 месяцев назад

      Could you please send your code, it would be a big help.

    • @Alvin-ex3wu
      @Alvin-ex3wu 11 месяцев назад

      @@Saksham-Gupta sameeee

    • @Saksham-Gupta
      @Saksham-Gupta 11 месяцев назад

      @@Alvin-ex3wu bro learn redux toolkit and do urself.... You will learn a lot. I am doing on my own now

    • @konidoniravirr6580
      @konidoniravirr6580 10 месяцев назад

      @@Alvin-ex3wu bro instead you can use zustand- very easy specially designed for beginners

  • @Everything00523
    @Everything00523 2 года назад +106

    22:50 Setting up backend
    37:49 Making product APIs
    1:02:35 Backend error handling
    1:24:23 Search, filter, pagination
    1:52:18 Backend user & password authentication
    3:11:58
    3:25:19 Backend user routes APIs
    3:39:50
    4:08:29 Making order APIs
    4:42:59 Starting with frontend
    4:47:56
    5:18:03 start implementing Redux

    • @019_pradeepchaudhary7
      @019_pradeepchaudhary7 2 года назад

      Did you get any error if you completed the whole project now with updated things

    • @019_pradeepchaudhary7
      @019_pradeepchaudhary7 2 года назад

      Did you get any error if you completed the whole project now with updated things

    • @Everything00523
      @Everything00523 2 года назад +1

      @@019_pradeepchaudhary7 so far it's working fine... I have completed till these timestamps

    • @konidoniravirr6580
      @konidoniravirr6580 2 года назад

      Thanks

    • @AashutoshBansal
      @AashutoshBansal Год назад

      Bhai tum bana rhe ho kya project?

  • @webdeveloperr
    @webdeveloperr 9 месяцев назад

    Sir you are great
    love from Pakistan

  • @deepmane5845
    @deepmane5845 Год назад +1

    finally bana diya bhai Thanks
    I used chakra ui
    now Time to learn nextJs

    • @arthurlewin1952
      @arthurlewin1952 Год назад

      So you made the whole app ?can you provide me the GitHub link need for reference purposes

  • @VikashKumar-ox2hv
    @VikashKumar-ox2hv 2 года назад +16

    By doing and understanding the backend of this project it offered me a good Job as a backend developer
    Thank you very much

    • @al.8891
      @al.8891 2 года назад

      Hope you will succeed....

    • @career800
      @career800 2 года назад

      bhai referral de do :-(

    • @al.8891
      @al.8891 2 года назад

      @@career800 nehi dungga...

    • @career800
      @career800 2 года назад

      ​@@al.8891
      1. tujhse nahi manga
      2. Tier 1 ka hu tujhse better mil jayega :))

    • @al.8891
      @al.8891 2 года назад +1

      @@career800 ARE ARE vai..kya ho geya tera....main to bajh majak kar raha hun...

  • @designsrs
    @designsrs 2 года назад +3

    Worth watching in Weekend 🔥 Hope You will Bring Part 2 Along with Payment Gateway Integretion & Other features. #besttutorever

    • @167shivamrai2
      @167shivamrai2 2 года назад +2

      If u have completed this project , you can help students facing error while doing this project. You can read all comments and if you find solutions to them just update the students or make a video on solution and paste the link here....
      This would be helpful for those who are trying.
      I have read many comments, but no one written they have successfully completed project.
      Pls help if u are free and capable

  • @Iamushahid
    @Iamushahid Год назад

    One of the best project to get ready for job

  • @Jraj.R
    @Jraj.R 9 месяцев назад

    Great work love it lots of love❤

  • @hamzanaseer1529
    @hamzanaseer1529 2 года назад +61

    Backend user and password authentication @1:52:19
    backend user routes api @3:25:20
    Making Order APIs @4:08:32
    starting with front end @4:43:00
    adding filtration in frontend @6:37:10
    login registration component @7:25:50
    loading updating user @8:05:33
    update forgot and reset password @9:11:47
    creating cart component @9:48:22
    receiving payment and creating order @10:35:39

    • @AjitKumar-di4oq
      @AjitKumar-di4oq 2 года назад

      Hi.....
      How you solve ALL_PRODUCT_FAIL error in 5:39:32.
      I am getting the same error even after restarting the server.

    • @yatinsharma5637
      @yatinsharma5637 Год назад

      @@AjitKumar-di4oq hey bro, u got the solution ?

    • @AashutoshBansal
      @AashutoshBansal Год назад

      @@yatinsharma5637 u got the solution or stucked ??

    • @Ranjeetyadav-xo3uz
      @Ranjeetyadav-xo3uz Год назад

      @@AjitKumar-di4oq hey at that moment,,after restarting the it gives success but product is not showing even ?

    • @arunpandey3076
      @arunpandey3076 Год назад

      @@Ranjeetyadav-xo3uz If anyone got solution at that time plz reply here

  • @Shuva_Mahanta
    @Shuva_Mahanta Год назад +10

    1:24:21 Search, Filter, Pagination
    1:52:18 backend user and password authentication
    3:25:19 backend user routes APIs
    3:47:19 review APIs
    4:08:28 Order APIs
    4:42:58 frontend

    • @user-tn5zb8hq4e
      @user-tn5zb8hq4e 11 месяцев назад +1

      kindly reply me
      i am getting errors
      like i was unable 2 presist the user
      if i reload the page
      i was getting that
      login again
      struggling because of this

    • @ehsankabir5235
      @ehsankabir5235 11 месяцев назад

      exports.demoProduct = tryCatch(async (req, res, next) => {
      if (req.query.search) {
      console.log(req.query.search);
      let product = await productModel.find({
      $or: [
      { name: { $regex: new RegExp(req.query.search, "i") } },
      { description: { $regex: new RegExp(req.query.search, "i") } },
      ],
      });
      console.log(product);
      res.status(200).json({
      success: true,
      products: product,
      });
      } else {
      let product = await productModel.find();
      console.log(product);
      res.status(200).json({ success: true, products: products });
      }
      });
      bro can you tell me why am i getting blank array in response

    • @sonunmahto8119
      @sonunmahto8119 10 месяцев назад

      i am having issue in building this project. Drop any of your social so that i can connect . will be helpful

    • @user-hc5jx3bu3u
      @user-hc5jx3bu3u 8 месяцев назад

      Hi!!!Any idea why rightclick is disabled on the website and how can we enable it???

  • @rohitshrirao3440
    @rohitshrirao3440 2 месяца назад

    Nice Brother 😊... your content is awesome

  • @sharif_billa
    @sharif_billa Год назад

    Thanks bhai your efforts are appreciated 😊

  • @mrunknown4526
    @mrunknown4526 2 года назад +11

    !!! important !!!
    2:20:34 add await before user.comparePassword(password) or else the password verification won't work...you will get a token even if you enter wrong password.

  • @peterwayneparker9677
    @peterwayneparker9677 2 года назад +7

    Course starts at @23:19

  • @shayridezire4592
    @shayridezire4592 Год назад +1

    Bhai bahut badhiya video banayi aapne bas thoda zoom kar lena next video take mobile m bhi properly visible ho shukriya

  • @kartikkaushik8613
    @kartikkaushik8613 4 месяца назад +1

    Finally Comepleted this video happiness after complete watching video is infinite

    • @soviefsefi4189
      @soviefsefi4189 3 месяца назад

      Did you successfully deployed?

    • @kartikkaushik8613
      @kartikkaushik8613 3 месяца назад

      @@soviefsefi4189 I completed the project now im adding new features and implementing UI changes after then I'll deploy

  • @yaminaatmaoui2245
    @yaminaatmaoui2245 Год назад +5

    I wanted to let you know that I really appreciate your programming content and explanations. Would it be possible for you to include English language options, as I don't understand Hindi? Thank you kindly!🙏🙏

    • @nilabhjaiswal1100
      @nilabhjaiswal1100 Год назад

      Uncaught runtime errors:
      ERROR
      A is only ever to be used as the child of element, never rendered directly. Please wrap your in a .
      I have this error in this project can you solve this error i use both technique to solve this problem but still unable to solve this will u help me

      or

    • @GamesHackersAman
      @GamesHackersAman Год назад

      @@nilabhjaiswal1100 maybe ig you have already solved that error still i am providing the solution:
      wrap Route in Routes like:

    • @sonunmahto8119
      @sonunmahto8119 10 месяцев назад

      i am having issue in building this project. Drop any of your social so that i can connect will be helpful

  • @ashikurrahman5729
    @ashikurrahman5729 2 года назад +4

    How would I thanks to you? Don’t know.
    Waiting for another great tutorial like this.