Complete MERN Stack Project: Build a Hotel Booking App Like a Pro Developer Step-by-Step Course 2024

2. Thank you all for the support so far! I hope you're enjoying the course, if you hit any issues, bugs, or errors please leave a comment below and I'll try and help. Would also love to hear any feedback/suggestions on what you'd like to see next on the channel!

3. Is it responsive?

4. 4:04:38

5. The website looks good on Microsoft edge but the container functionality seems not to working in Chrome as everything is extending to the left and right. Any suggestion??

6. im getting an error 500 when i try to add the hotels to the db from the front end, what are some troubleshooting suggestions?

7. Dear Chris,
   Please help to add room types for hotels (std, deluxe etc.) and for each room there should be a specific occupancy sng, dbl each with own price.
   thank you in advance and bless you!

8. Getting this error on first deployment to render: Error: MONGODB_CONNECTION_STRING is not defined or not a string. Gone over code over and over again can't work it out! Anyone have any ideas?

9. Awesome video.
   Just please put the timestamps back!!!!

10. in backend .env file, in STRIPE_API_KEY= whatshould put ? Stripe Publishable key or secretkey ?

11. chris i am having issues with deploying to render, at 4:40:00 this build command "cd frontend && npm install && npm run build && cd ../backend && npm run build" seems to only run and install frontend packages, immediatel after installing and building frontend, it returns an error of "module not found" for all the backend modules i.e they were not installed. to be sure it wasn't an error due to wrong file path i treid building and running only the backend and it worked

12. Heyyy Chris….I am having error at Search page and pagination section .can u please help me out and tell me what part of code is required in backend so that that error is resolved

13. Bro can i know why you are not creating controllers in the express app , they will make the code more readable and easy to understand right

14. this is helpful ❤

15. facing issue while deployment in render. issue occure like — src/api-client.ts(4,34): error TS2339: Property 'env' does not exist on type 'ImportMeta'. and like src/layouts/Layout.tsx(7,13): error TS2503: Cannot find namespace 'React'. on frontend side src/pages/Search.tsx(2,10): error TS7016: Could not find a declaration file for module 'react/jsx-runtime'. '/opt/render/project/src/frontend/node_modules/react/jsx-runtime.js' implicitly has an 'any' type.

16. I think you cut out the part where you first created the "constructSearchQuery" function. Oh well, makes the project more involved and interesting for us trying to figure out how it works. Almost done with this, very happy I've come this far (at sorting and filter feature rn). Good work!

17. i followed the instruction on the readme but cant see any picture on the app and when try to sign in it shows Unexpected end of JSON input, please help

18. Tysm for this tutorial
    What architecture did you use in this project ?

19. I am wondering if there is part of the video might be missing.

    I was at 22:51, and App.tsx has already been modified from your view. But I haven't seen the new changes until 33:37.

    Anyways, I have got most of the code from the GitHub repo, so I can catch up the changes.

20. Great tutorial, I have complete this step by step, I am waiting for the Microservice Project, Thank You, Sir.

21. 11:26 Frontend setup
    13:25 mangoDb setup
    24:09 final project
    1:32:34 user registration form
    2:11:34 test authentification terminal
    3:02:32 test
    9:29:34 search bar

22. I greatly appreciate what you have done. You explained everything to the very basic level for better understanding specially for a beginner like me.

23. This video is lengthy, but every second is worth it. ❤❤

24. Excellent job — I found this course far more helpful than most paid courses I've seen. Thanks for creating this!

25. Can you share the code in app.tsx

26. hey, if someone has trouble at the final Payment section, where you don't see the Booking Saved toast message, here is the fix which worked for me.

    inside the hotel.ts route, in the post method for payment intent
    (/:hotelId/bookings/payment-intent)

    const paymentIntent = await stripe.paymentIntents.create({
    amount: totalCost * 100,
    currency: "gbp",
    description: "Payment Intent",
    metadata: {
    hotelId,
    userId: req.userId,
    },
    receipt_email: "<enter email here>",
    shipping: {
    name: `null`,
    address: {
    line1: "null",
    line2: "null",
    city: "null",
    state: "null",
    postal_code: "null",
    country: "US",
    },
    },
    });

    1. change the currency code acc to your country, you'll find your code at https://docs.stripe.com/currencies
    2. add any email you use at the receipt_email part
    3. enter your country code in the address object, check it here https://en.wikipedia.org/wiki/ISO_3166-1_alpha-2

    I found out about these errors by keeping the body of onSubmit fn in BookingForm.tsx inside a try/catch block
    if(!stripe || !elements){
    return;
    }

    try{

    const result = await stripe.confirmCardPayment(
    paymentIntent.clientSecret,{
    payment_method: {
    card: elements.getElement(CardElement) as StripeCardElement,
    },
    });

    if(result.error){
    console.log(result.error.message);
    return;
    }

    if(result.paymentIntent?.status === "succeeded"){
    mutate({…formData, paymentIntentId: result.paymentIntent.id });
    }

    }catch(error){
    console.log("payment not successful ", error)
    }

    Also, if all is good, make sure that you add your stripe env variables in both back/frontend to render.com
    i hope someone finds this helpful.

27. loved your videos I really recommend it, can you make another one with Nextjs using the best practices 🙂

28. Sir I'm an undergraduate , and I have to do project using Microservices , but I could not find Good project , I need your help to find good microservice project on youtube , Please Sir Help Me..

29. Anyone have error: "Third-party cookie will be blocked" when intergrate Stripe. Learn more in the Issues tab ? I allowed third party cookie on Chrome but now work?

30. Charging a client, how much a website like this would cost ?

31. you are doing great job brother, I learnt a lot , God bless you 🙂🙂

32. Hotel deletion could be added to the project. And also stripe payment should be received by hotel publisher instead of the website owner. Hotels are uploaded by users.

33. I am getting issue in MongooseError: Operation `users.findOne()` buffering timed out after 10000ms.

34. 7:08 / 15:08:38

Comments are closed.