Payment Gateway and Order Page | Full Stack E-Commerce Responsive MERN App | Stripe, React, MongoDB

Поділитися
Вставка
  • Опубліковано 15 лис 2024
  • Learn how to integrate a payment gateway with Stripe, create an order page, and develop an admin panel to view all orders. Finally, upload all the code to GitHub and deploy it on the Vercel.
    ⭐ Subscribe to our channel for more MERN stack tutorials and stay tuned for upcoming videos on advanced topics like authentication, pagination, and more. Don't forget to like this video and leave your comments below. Happy coding! ⭐
    Subscribe to channel : @DynamicCodingwithAmit
    Git Clone : github.com/IsA...
    Deploy : payment-order-...
    Material and Reference :
    stripe : stripe.com/in
    stripe documentation : docs.stripe.co...
    stripe react documentation : docs.stripe.co...
    stripe github : github.com/str...
    mongodb : www.mongodb.com/
    vercel : vercel.com/login
    Watch more tutorials :
    E-Commerce with firebase : • Build a COMPLETE Fulls...
    E-Commerce with MERN : • Full Stack E-Commerce ...
    Full Stack (Social Media) : • Full Stack Nextjs App ...
    Complete CRUD Operation MERN : • Complete CRUD Operatio...
    Lodu Game Design HTML CSS : • ludo game design using...
    Movie app : • Build and Deploy movie...
    In this video you'll learn
    1.Demo of Project
    2.How to Run the project
    3.Payment integration with stripe
    4.Webhooks with stripe
    5.Order page
    6.Upload code on github
    7.Deploy on the vercel
    8.All orders display in admin panel
    Follow us 💖 To Touch :
    👉🏻Instagram : / dynamiccodingwithamit
    👉🏻Facebook page : / dynamiccodingwithamit
    👉🏻Twitter : / codingamit
    👉🏻Github : github.com/IsA...
    👉🏻Personal LinkedIn : / itsamitprajapati
    #ecommerce #dynamiccodingwithamit #mernstack #fullstack #stripe

КОМЕНТАРІ • 132

  • @oluwaseunajibowo7422
    @oluwaseunajibowo7422 24 дні тому +3

    I just finished this project, thank you so much for your efforts.

  • @eliteboyfun280
    @eliteboyfun280 17 днів тому +2

    respact for your efforts ❤❤,although its taking some efforts and time from me cause getting errors bcs of my mistakes but thankyou very much love you sir its really really helpful

  • @shahsuresh75
    @shahsuresh75 2 місяці тому +2

    Very good video. step by step explanation. Thank you & Love from 🇳🇵

  • @amaraba
    @amaraba 4 місяці тому +2

    @DynamicCodingwithAmit
    I have completed this project, 100% working until deployment i highly recommend it to anyone looking to do this project.
    Thank you for sharing such valuable information.
    And a feedback, as a Online e commerce application it should have had stock management and admin should be able to delete the products also.
    If this things is done it would have been even better project for us also.

    • @Therootworld-i5m
      @Therootworld-i5m 3 місяці тому

      Bro u can just write on a pic out of stock and update the product

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

      Did u face a any deployment issue?​@@Therootworld-i5m

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

      What kind of issues u have faced

  • @reflexindiegame
    @reflexindiegame Місяць тому +1

    Thanks From Burmese🥰

  • @СанекСветлов-й6ь
    @СанекСветлов-й6ь 5 місяців тому +1

    THANK YOU SO MUCH. BRILLIANT PIECE OF coding. THANK YOU

  • @BeautifulDrawingAcademy
    @BeautifulDrawingAcademy 4 місяці тому +1

    you are the best coder bro, cary on

  • @veduthegamex
    @veduthegamex 4 місяці тому +2

    Hey , i dont use a stripe in india ?? Kya karuu

  • @amanet126
    @amanet126 2 місяці тому +2

    BIG Respect bro....Thanks🙏🏻

  • @virajimanthriratne8608
    @virajimanthriratne8608 4 місяці тому

    I solve the problem thank you sir ❤ from sri lanka

  • @RoyceRyan-n7t
    @RoyceRyan-n7t 5 місяців тому

    thankyou soo much sir for your efforts in this project, this project has helped me a lot in my career🙏

  • @JonathanChaperuka
    @JonathanChaperuka 23 дні тому +1

    you did not upload the payment code on your git

  • @jokerjoker7698
    @jokerjoker7698 5 місяців тому +1

    can we pay through paytm(by scan),netbanking?.payment by cart is amazing

  • @mdfajlerabby00
    @mdfajlerabby00 5 місяців тому +2

    Please update the github repo with this payment method code.

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

    there is no Order controller in the git repo that you have provided. where can I get the code?

  • @divyadharshini6916
    @divyadharshini6916 2 місяці тому +2

    I almost finish entire project ... But I got error in deployment
    ....otherwise it's a wonderful project journey , I've learnt a lot through this❤

  • @MZ-Motiv0786
    @MZ-Motiv0786 2 місяці тому +1

    Very nice 👌🏻 👍🏻 sir

    • @MaheshRana-ve1vj
      @MaheshRana-ve1vj Місяць тому

      Hii bro can you please help me. When I click on the upload image it doesn't respond the image even after clicked on the upload image button

    • @MaheshRana-ve1vj
      @MaheshRana-ve1vj Місяць тому

      In 16:29

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

    A user should be able to purchase from store without login, what do you think?

  • @jokerjoker7698
    @jokerjoker7698 5 місяців тому +1

    can you explain how to get the address of the order and person detail by the order

  • @habibhussain8492
    @habibhussain8492 4 місяці тому

    You delivered great knowledge but in this part you used Stripe which is in only some countries. I missed this part very dis heartedly. Anyway wish you good luck...

  • @jokerjoker7698
    @jokerjoker7698 5 місяців тому +4

    Sir please answer the question that is admin is adding a single product details and not mention the quanity of product..If a customer orders a product 100 times, how can we send those 100 products to them?we have 10 product .

    • @Prashant_Kumar.805
      @Prashant_Kumar.805 23 дні тому +1

      He will not reply. Use sirf view se mtlb hai. Uska video dekh kar kisi ke project me error aaye usse usko koi mtlb nhi hai. Wo sikha nhi Raha hai sirf paisa kama Raha hai.

    • @MaheshRana-ve1vj
      @MaheshRana-ve1vj 18 днів тому

      Bhia tu thoda help kar sakta he kya​@@Prashant_Kumar.805

  • @kaiser-z1b
    @kaiser-z1b Місяць тому

    Why I can't view my website when I click on the domains after deployed

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

    still you didnt add category dynamic?

  • @santhoshreddy159
    @santhoshreddy159 2 місяці тому +1

    Cancel order not implemented

  • @Ary007.
    @Ary007. 2 місяці тому

    How are we controlling the orders more than the stock available ? customer can add 1000 also

  • @Prashant_Kumar.805
    @Prashant_Kumar.805 Місяць тому

    Why am I getting the error Cannot read properties of undefined (reading '0') in the orders page after a successful payment.

  • @nageshpawar1997
    @nageshpawar1997 5 місяців тому +1

    Bro can you add forgot password functionality please....🙏

  • @mohdfaiz7749
    @mohdfaiz7749 4 місяці тому +1

    where is new code

  • @ChinniYadav-kr5qu
    @ChinniYadav-kr5qu 4 місяці тому +1

    Sir ,how should we make the live payment gateway using the razor payment (test mode)

    • @ChinniYadav-kr5qu
      @ChinniYadav-kr5qu 4 місяці тому

      Can you please make the video on live mode sir

  • @HUSANBOYDADABOYEV-c6h
    @HUSANBOYDADABOYEV-c6h Місяць тому

    Teacher, show me how to deploy and run this site

  • @sharifbanda7322
    @sharifbanda7322 4 місяці тому

    Can you make a video where you migrate this website to nextjs so that we can get know how do

  • @NgodingDiKos
    @NgodingDiKos 5 місяців тому

    bro, I use React Vite JS, is there any special configuration so that I don't get notorious Cors?
    My problem is that when I checkout, I get a response via the network, but I can't redirect to the pay stripe checkout page

  • @abhinandanraj7664
    @abhinandanraj7664 4 місяці тому +1

    Sir where is payment code?

  • @GauravChikte-t5x
    @GauravChikte-t5x 3 місяці тому

    Sir please provide short Play list of this project because it's to lendhi project

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

    Bro can you please develop a Full stack e-learning platform like udemy in MERN with stripe or razor payment gateway its great develop such project

  • @gorityalasanthosh9840
    @gorityalasanthosh9840 2 місяці тому +1

    Bro i want to become like you software engineer
    Brother it would be great if you share the resources that you personally learnt from it from A to Z
    Inorder to become software engineer
    From development to dsa
    Also where did you learnt both frontend and backend skills please brother tell me

  • @frankquezadahuaquisto
    @frankquezadahuaquisto 4 місяці тому +1

    token undefined recibo este mensaje al loguearme ..alguien que pueda ayudar?

  • @ismailbakhach8990
    @ismailbakhach8990 4 місяці тому

    can u make a video about the forget password part ? and i only can choose my profile pic when i sign up so if i sign up without upload it i can't choose one later (its not a big deal just small details would be nice if u add it :) )

  • @BeautifulDrawingAcademy
    @BeautifulDrawingAcademy 4 місяці тому

    Need more full stack Mern project bro,

  • @AbhinavAdhya777
    @AbhinavAdhya777 5 місяців тому +4

    can anyone help me I'm getting this errors -- errors payment response {message: "Cannot read properties of undefined (reading 'sessions')", error: true, success: false} ......instead of 58:20

    • @DynamicCodingwithAmit
      @DynamicCodingwithAmit  5 місяців тому +2

      Bro check variables name sessions you have defined or not in paymentcontroller

    • @AshishKumar-qm7oe
      @AshishKumar-qm7oe 3 місяці тому

      sme problem bro have u resolved it then plz help me

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

    Dear All
    could you help please
    I made a wrong change on My MongoDB , then I could not have the downLoad in my frontend but all data are in Database Mongo
    How my I make the backup

  • @sanyamsharma350
    @sanyamsharma350 Місяць тому +1

    Why the deloploy is disabled

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

      vercel free is over that why vercel was pause my account all the other project also

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

    Im not able to create account on stripe giving me this error - (Stripe is available by invite only in India. Please request an invitation to onboard in India. If your business is incorporated outside India, select the relevant country.) What should i do now?

  • @dhirendrakumar9120
    @dhirendrakumar9120 2 дні тому

    Kiska payment vala pura ho gya h ?

  • @smile2.0_2.0
    @smile2.0_2.0 5 місяців тому +1

    Awesome website ❤

  • @FinanceMaster_07
    @FinanceMaster_07 4 місяці тому

    Bro make a angle one website clone with proper database plz ❤

  • @vasudevsharma2995
    @vasudevsharma2995 4 місяці тому

    Bhaiya online one-on-one classes leta ho...?

  • @crazykingff9199
    @crazykingff9199 17 днів тому +1

    Brother image upload nhai ho rha please help me

  • @MaheshRana-ve1vj
    @MaheshRana-ve1vj Місяць тому +1

    16:29- i cant upload image even after clicked on the upload image button

  • @SantoshKumar-wl6fi
    @SantoshKumar-wl6fi Місяць тому

    Please upload payment gateway and order page code

  • @memerzworld21
    @memerzworld21 3 місяці тому +2

    Shipping address is not implemented

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

      Can you tell me how did implemented it I am trying the same thing but getting error
      Or do you know what backend files will be needed i updated userModel, created separate controller but still getting error
      It would be very helpful if you can help me

  • @hamzaazeem8622
    @hamzaazeem8622 3 місяці тому +1

    @DynamicCodingwithAmit
    hi can some one help me i have deployed this project on vercel but when i try to login it shows login successful message but did not update UI like not showing cart icon and logout button and it working fine on local host??

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

      he explained the solution, watch the video till the end

  • @hugomendez7659
    @hugomendez7659 5 місяців тому

    Can you add pagination ? Please.

  • @arghaghosh5561
    @arghaghosh5561 4 місяці тому

    Can someone say why my application gets ignored even with an e-commerce mern project mentioned in my resume.? I am a fresher in mern but have experience in WordPress.

  • @Abhishkds
    @Abhishkds 5 місяців тому +1

    Getting error while cloning repo how to solve kindly help

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

    Bro in login page you didnt complete forgot password functionality

  • @venkateshwarnaik1291
    @venkateshwarnaik1291 2 місяці тому +1

    i was unable to upload the products its not working

  • @mandyuniverse3216
    @mandyuniverse3216 4 місяці тому +3

    solve the CORS problem it is not solving
    you did something that you are not showing us

    • @DynamicCodingwithAmit
      @DynamicCodingwithAmit  4 місяці тому

      please checkout in the backend .env file you have provided the frontend url or not

    • @ankithshetty6005
      @ankithshetty6005 4 місяці тому

      I am also getting the same CORS error. Any idea how to debug it?

    • @sandeepchandra1568
      @sandeepchandra1568 4 місяці тому

      got to the backend nodemodules folder to this path "node_modules\body-parser\lib\types\json.js" scroll down here you will find this
      // var limit = typeof opts.limit !== 'number'
      // ? bytes.parse(opts.limit || '100kb')
      // : opts.limit
      just comment the above lines and write this line
      var limit = bytes.parse('10Mb')
      now restart the backend and try to sign up again your problem will be solved

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

      got the same error, have you found any solution?

  • @nanatahirhammond1400
    @nanatahirhammond1400 5 місяців тому

    Great job 👍

  • @AllWorldTrends
    @AllWorldTrends 5 місяців тому

    God job 👏👏

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

    i am not upload product add

  • @BeautifulDrawingAcademy
    @BeautifulDrawingAcademy 4 місяці тому

    Sir, please;
    Multi vendor Full Stack Mern project upload on your youtube channel

  • @tt4m
    @tt4m 2 місяці тому +1

    هل هنالك محتوى عربي يشرح مثل هذا بلغة php وhtml

    • @DynamicCodingwithAmit
      @DynamicCodingwithAmit  4 дні тому

      يمكنك البحث يا أخي، ليس لدي أي فكرة عن ذلك

  • @thanongphone8465
    @thanongphone8465 2 місяці тому +1

    I can not deploy

  • @virajimanthriratne8608
    @virajimanthriratne8608 4 місяці тому +1

    I upload in vercel backend but they show 500 server error

  • @AbhinavAdhya777
    @AbhinavAdhya777 5 місяців тому

    thank u sir the video🙏..

  • @BeautifulDrawingAcademy
    @BeautifulDrawingAcademy 5 місяців тому

    Well done

  • @HieuLe-mq8dz
    @HieuLe-mq8dz 3 місяці тому

    bro, can you guide me how to delete products in admin panel?

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

      You can modify the code to have a delete button or you can do it directly from the MongoDB database

  • @leemageorge-dl5qd
    @leemageorge-dl5qd 5 місяців тому

    Thank you so much...................

  • @chetansharma6263
    @chetansharma6263 5 місяців тому

    Thanks brother 👍

  • @frankquezadahuaquisto
    @frankquezadahuaquisto 4 місяці тому +1

    token undefined I receive this message when logging in..anyone who can help?

    • @DynamicCodingwithAmit
      @DynamicCodingwithAmit  4 місяці тому

      Fetch add the credentials: 'include'

    • @LCSport_123
      @LCSport_123 4 місяці тому

      @@DynamicCodingwithAmit I can't log in or register account when using the phone, but on the computer it still works, please help me

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

    Sir deployment works fine , later after stripe payment its not redirecting to success page ..getting 404 error .. is there any way to fix this...

    • @DynamicCodingwithAmit
      @DynamicCodingwithAmit  4 дні тому

      check you have provided wrong url for redirect in the stripe payload

    • @tlewisin
      @tlewisin 4 дні тому

      @DynamicCodingwithAmit Sure let me try..thank you

  • @imchiragkumar
    @imchiragkumar 5 місяців тому

    How the repo is old

  • @aravindpugal2645
    @aravindpugal2645 5 місяців тому

    Thank you 🙏

  • @java3021
    @java3021 2 місяці тому +1

    Is this responsive ?

  • @lqttdz
    @lqttdz Місяць тому +1

    forgot pass word, i think you forgot this part :DD

  • @bharath-li9ck
    @bharath-li9ck 2 місяці тому

    sir the application is working fine in android but not in appld devices due to the cross-site blocking turnd on in every apple device and we cant ask ios users to turn it off so is there any other solution which can solve this problem

    • @DynamicCodingwithAmit
      @DynamicCodingwithAmit  4 дні тому

      you can deploy you backend and frontend with ssl then it will be secure , no errors is coming

  • @oNguyen-gc6vn
    @oNguyen-gc6vn 5 місяців тому

    🎉 thanks ❤

  • @mahir_2003
    @mahir_2003 5 місяців тому

    Thanks

  • @kuberan_official
    @kuberan_official 4 місяці тому

    Bro source code for payment gateway bro

  • @jeonmiku6592
    @jeonmiku6592 2 місяці тому +1

    plz can u do a ecommerce mobile app for supermarket with including Market Basket Analysis (MBA), AI/ML for Predictions, Seasonal Analysis .

  • @vikassharma-tb5lu
    @vikassharma-tb5lu 2 місяці тому

    Hi sir kya hum kisi person da WhatsApp clone kr skte ha

  • @jamimakhan6677
    @jamimakhan6677 4 місяці тому

    @dynamiccodingwithamit pl help me with address functionality