MERN Stack Project: Build a Full Stack Restaurant Application with React, Node, MongoDB, Express

แชร์
ฝัง
  • เผยแพร่เมื่อ 19 ธ.ค. 2024

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

  • @CodeWithZeeshu
    @CodeWithZeeshu  11 หลายเดือนก่อน +18

    Great News For You Guys! New project is in development phase and soon you will be able to enjoy the new tutorial. The upcoming project is going to be a MERN stack project with user authorization like register, login, forgot and reset password. And this project is going to be one of the best projects available on TH-cam because it will have so many features. The project is JobSeeking Website.

    • @Souravsarkar-p9x
      @Souravsarkar-p9x 8 หลายเดือนก่อน

      give the link sir

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

      Visit my channel you will find it.

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

      Thanks for creating a such MERN stack projects 🙏

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

      hello brother in my terminal it say server has started at port undefined what does it mean ?while i make config file exactly like yours

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

      Suis impatient

  • @worldofniyathi
    @worldofniyathi 6 หลายเดือนก่อน +13

    For the first time i was able to complete a MERN project without any errors, thank you so much. So far the best channel 🙏🏻🙏🏻🙏🏻

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

      Did u face any difficulty while making the project?

    • @YashKaushik-eo8pb
      @YashKaushik-eo8pb 6 หลายเดือนก่อน

      @@Wonderfully_ok Yes im facing problem in Reservation.jsx

  • @sushantnamurte16
    @sushantnamurte16 11 หลายเดือนก่อน +8

    You are providing in-depth knowledge about MERN web development.......
    Please create more videos like this.....😊

    • @CodeWithZeeshu
      @CodeWithZeeshu  11 หลายเดือนก่อน +1

      Thank you, I will ❤️

  • @TOP5-wq5oi
    @TOP5-wq5oi 11 หลายเดือนก่อน +9

    The backend part really helped me!

  • @se_10_chandandas41
    @se_10_chandandas41 8 หลายเดือนก่อน +12

    The error which occurred during 45 min is due to the way you were providing data inside create before you passed in () later you changed to ({})

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

    I am writing this message just to appreciate how much you are giving us best and we are really thankful to you. Also I want to request you to please upload a guide video on "How to deploy your MERN projects on Vercel, Netlify or anything you feel better". I will be really thankful to you if your next video pops up and it's heading named as "How to deploy MERN projects😁"

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

    I completed the project got to learn many things..Faced many error but some how able to solve it on own..
    Thank you..

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

      Welcome brother and Glad to know that you learned something new from the tutorial ❤️

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

    finally created my first mern project thanks a lot.😊

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

      Congrats 🎉

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

      Can you give me your source code

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

      I want to show in college

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

    Shukar hai koi Allah ka Banda Sath Sath samjha bhi Raha hai. Allah apko iska ajar day ga. You are helping us.

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

    God bless your divine soul for explaining every step so elaborately yet making it seem so simple. Understanding the repo framework for MERN projects itslef is pretty complex but you made it extremely simplified. Thank you😇😇😇😇

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

      Such a big compliment ❤️

  • @chiragyadav1726
    @chiragyadav1726 11 หลายเดือนก่อน +6

    woah!! well explained brother. i will surely make this one. One of the finest video on YT explaining MERN Stack

    • @CodeWithZeeshu
      @CodeWithZeeshu  11 หลายเดือนก่อน +1

      Glad you liked it

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

    Finally created my first MERN project. Thanks a lot Zeeshan bhai 💗 from hindustan❣

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

      Welcome brother ❤️

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

      @@CodeWithZeeshu sister 🥲😹

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

      OK OK 😂

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

      Hey bro can you help me with this project i have to some fswd project tomorrow

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

    successfully made the project .great for beginners

  • @Petraworld
    @Petraworld 11 หลายเดือนก่อน +2

    Doing such a great job appreciate your efforts 👍👍

  • @ShrutiDixit-j3p
    @ShrutiDixit-j3p 19 วันที่ผ่านมา

    I am having an error at 19:10 where the app crashed with an error of unknown file extension.
    I installed dotenv again but its still not working and is showing the same error.what should i do to solve the issue?

    • @CodeWithZeeshu
      @CodeWithZeeshu  19 วันที่ผ่านมา

      Share your error

    • @ShrutiDixit-j3p
      @ShrutiDixit-j3p 18 วันที่ผ่านมา +1

      node:internal/modules/esm/get_format:160
      throw new ERR_UNKNOWN_FILE_EXTENSION(ext, filepath);
      ^
      TypeError [ERR_UNKNOWN_FILE_EXTENSION]: Unknown file extension ".env" for D:\ project\backend\config\config.env
      at Object.getFileProtocolModuleFormat [as file:] (node:internal/modules/esm/get_format:160:9)
      at defaultGetFormat (node:internal/modules/esm/get_format:203:36)
      at defaultLoad (node:internal/modules/esm/load:143:22)
      at async ModuleLoader.load (node:internal/modules/esm/loader:396:7)
      at async ModuleLoader.moduleProvider (node:internal/modules/esm/loader:278:45) {
      code: 'ERR_UNKNOWN_FILE_EXTENSION'

  • @Humas007
    @Humas007 8 วันที่ผ่านมา +1

    6:35 PORT or FRONTEND_URL aapka mera same rahega ya alag rahega?

    • @CodeWithZeeshu
      @CodeWithZeeshu  8 วันที่ผ่านมา

      Agr windows use kr rhe ho to same rahega

    • @Humas007
      @Humas007 6 วันที่ผ่านมา

      @@CodeWithZeeshu Thankyou Zeeshan bhai abhi just pora project complete kiya.. Aur bohot khuch seekhne ko mila.

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

    Thank you. I completed finally MERN stack project 🎉🎉

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

    backend is working well through postman and frontend also got no error. but when i fill reservation form from the website the next page is blank and in inspect console errors like
    1] Failed to load resource: the server responded with a status of 404 (Not Found)
    2]Uncaught Error: Objects are not valid as a React child (found: object with keys {message, name, code, config, request, response, status}). If you meant to render a collection of children, use an array instead.
    3]The above error occurred in the component:
    please guide
    I was glad everything was working fine till the next page of reservation form does not bring success just blank.
    Same like 1:42:27

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

      Solution mila kya

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

    thankyou so much sir for this tutorial. we need more tutorials on mern stack projects.

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

      Glad you liked it! I've already uploaded 2 more MERN stack projects.

  • @AliImam-cs9ni
    @AliImam-cs9ni 6 หลายเดือนก่อน

    Thanks, bhai!! It's my first MERN app

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

    Wonderful brother, Thank you really

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

      Thanks for appreciation ❤️

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

    bro excellent video, keep up the good work!!

  • @LuciferLucifer-go3kn
    @LuciferLucifer-go3kn 2 หลายเดือนก่อน

    When I import restapi.json file in navbar they showing error
    Attempted import error: 'data'.'0'.'navbarLinks'.'map' is not
    exported from '../restApi.json' (imported as 'data').
    ERROR in ./src/components/Navbar.jsx 26:20-43
    export 'data'.'0'.'navbarLinks'.'map' (imported as 'data') was not found in '../restApi.json' (possible exports: 0, 1, 2, 3, 4)
    Plz help

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

      You've not imported your json file correctly or may be you've some syntax error.

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

      instead of this
      -----------------------------------
      import { data } from '../restApi.json'
      data[0].navbarLinks.map((element) => {
      return ({element.title})
      use this :
      ---------------
      const data = require('../restApi.json')
      data.data[0].navbarLinks.map((element) => {
      return ({element.title})
      this is working for me.

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

    Amazing 🤩 brother 👏

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

    Mashallah bhai.... great project. Expecting more projects like this!

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

      Also watch the new project tutorial. ❤️

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

    Good project with explanation 👍👍 thanks

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

    Bro at time
    1:02
    when u checked ur frontend
    i am doing exactly same thing, but my page is not displaying any css, for some images it is also not showing image content, i have imported app.css also in App.jsx file
    kindly help with the frontend

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

      Brother at 1:02 it's a demo

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

      @@CodeWithZeeshu yes, i am also getting the demo, but its like there is no css till that point

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

      Maybe you have not imported your css file

  • @DineshKumar-dkbr12
    @DineshKumar-dkbr12 6 หลายเดือนก่อน +1

    Bro have error in 40:55 postman send
    Its say error: invalid IP address: undefined
    How to fix this ,i try the all the way
    I did not use thunder client
    So how to send the request to the cloud mongodb please explain detaily

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

      Use postman's software application or thunder client. Don't use postman's extension.

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

    Bhaiya! 40:55 pe sabkuch same karne ke baad jab main send kar rahu hu postman mei tab result mei success and message ki place pe sirf ek HTML boilerplate aarha hai and status aarha hai 404 Not Found, please help!

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

    46:56
    {
    "success": false,
    "message": "Invalid namespace specified 'Restaurant Booking.reservations'"
    }
    bhai ye error aara hai kese solve karu

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

      dbConnection file me Jo database ka naam aap ne likha he usko change krdo aur name me koi space ya special character use Mt krna even k number b use Mt krna

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

      @@CodeWithZeeshu bhai thank you ho gya solve error!!

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

      Welcome

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

    the word masla got me evertime

  • @shanayap-js9qn
    @shanayap-js9qn 7 หลายเดือนก่อน

    hey at 13:31 i am not "getting server running on port " instead of that i am getting "'nodemon' is not recognized as an internal or external command,
    operable program or batch file." This msg ....pls answer my question i exactly followed the same step twice until 13:31...where did i went wrong ...its a request

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

      Run this command in your terminal:
      npm i nodemon -g

    • @shanayap-js9qn
      @shanayap-js9qn 7 หลายเดือนก่อน

      @@CodeWithZeeshu ho gaya thanks

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

      Welcome

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

    "First argument to `Model` constructor must be an object, **not** a string. Make sure you're calling `mongoose.model()`, not `mongoose.Model()`." this error is coming when sending requst on postman for reservation at 46:35 and i have done mongoose.model only in code then also

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

      Go to your controller folder and then go to the line where you've used your create method and make sure you've wrapped all your fields in this format:
      ({name, email, etc})

  • @shanayap-js9qn
    @shanayap-js9qn 7 หลายเดือนก่อน

    hey at 39:31 i am getting an error
    "Error [ERR_MODULE_NOT_FOUND]: Cannot find module 'C:\Users\***\Desktop\MERN PROJECT\BACKEND2\controller
    eservation.js' imported from C:\Users\***\Desktop\MERN PROJECT\BACKEND2
    outes
    eservationRoute.js"
    Iska kaise solve kar sakte hai...pls batado
    baki sab maine same to same kiya haii...bas yahi galat aa raha hai...kya kar sakte hai

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

      Koi function aap ne import Kiya he Jo exist nhe krta ya export nhe Howa ya import incorrect way me Kiya he

  • @afaqahmad-ef4ky
    @afaqahmad-ef4ky 11 หลายเดือนก่อน +2

    Free of course quality content.❤
    Love you brother.
    Allah de kamyaba ka😊

  • @Mohit-nc7dy
    @Mohit-nc7dy 11 หลายเดือนก่อน +1

    bro you are doing great i am waiting for your admin dashboard portfolio ....

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

      Thanks for your appreciation! I'll try my best to build that Admin dashboard portfolio as soon as possible!

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

    Hello bhai , mai backend ka code likh liya but jab postman per test kar rha hu to "Success false and message Class constructor ErrorHandler can't be invoked without new, show ho rha h

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

      Aap me apne controller me ya error middleware me koi mistake ki he

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

      solve hui?

  • @sudo_sunil
    @sudo_sunil 11 หลายเดือนก่อน +5

    45:10 bhai ne reservation.js file main try ke andar ye likha hai
    await userModel.create(firstname, lastname, email, phone, date);
    actually ye hoga
    await userModel.create({firstname, lastname, email, phone, date});
    object bana ka send karana hai bas { } missing hai.
    wese bhai apki backend code bahat achi hai ❤❤

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

      Thanks brother note krne k liye wo bad me solve hogya tha maine note kiya tha usey aur maine github pr updated code post kiya he.

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

      thanks for your comment bro,i got the same error and i solved after seeing your comment

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

      @sudo_sunil Thanks a lot bhai. Ur comment actually saved me. Once again thanks a lot🙏

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

    in 46:56 your reservation successfully send , but in my "message" : "Operation `reservations.insertOne()` buffering timed out after 10000ms". what is the problem bro, reply

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

      Is your internet connected??

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

      that problem is solve. but i have one more issue is 1:42:37 white screen . u just change data to date in Reservation.jsx or anything else ??
      @@CodeWithZeeshu

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

      Yes I just changed data to date nothing else.

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

      @@CodeWithZeeshu just one time or

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

      Yes

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

    You do Great bro keep it on

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

      Thanks brother!! ❤️

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

    46:56
    {
    "success": false,
    "message": "Please Fill Full Reservation Form!"
    }
    I have written the correct data in the body but still it is showing the success as "false"

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

      Maybe you are not getting any field in your controller. Try to console the values.

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

      ​@@CodeWithZeeshu its working now.
      Thank you

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

      Welcome

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

    Great video ❤❤

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

    Bro just superb project!! I want to learn backend so is it okay to direct copy code of frontend ? Learned many things from this project Thank You!!😀🔥❤

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

      Yes you can copy the full code for frontend except the reservation component because in that component you will be sending your data from frontend to backend.

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

      @@CodeWithZeeshu Okay thank you brother ❤️....aur agar Java me backend sikhna ho to sab jyada kuch change ho jayega kya!!??

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

      Han wo to bilkul different hojayega phir

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

      Pr Java ka scope buhut he ye pehle bta do pr difficult b utni hee he phir

  • @MuhammadHassan-l5g2d
    @MuhammadHassan-l5g2d 10 หลายเดือนก่อน

    Zbrdast bhai best hogya Masha Allah...thak gya hoon bahir ka content dekh dekh kr...❤Allah apko tarraqii dy..lagy rho 🎉

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

      Shukriya ❤️❤️

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

    Can you please make fitness app/Web by fetching API in MERN. Bcz most of fitness apps are based on flutter and android on youtube. By the way great explanation. 👍🏻✨

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

      Yes I'll try to make to make the fitness MERN Stack Application! Thanks for your appreciation!

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

      @@CodeWithZeeshu thank you for replying hope you upload it soon because I chose this topic as a final year project and I found this video might help me as a reference. 👏

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

      Join the Whatsapp group or message me on Instagram and give me details about your project!

    • @mr.faisutiktokstarfanclub3845
      @mr.faisutiktokstarfanclub3845 8 หลายเดือนก่อน

      ​@@CodeWithZeeshu brother i also wanted fitness app/Web by fetching API in MERN becoz im also doing engineering and i need it for final year mega project

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

    Bro at 40:53 its saying invalid ip address... what went wrong I cant find it

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

      Use thunder client instead of postman

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

      @@CodeWithZeeshu yeah I did it chatgpt told me Alhamdulillah it’s now working

  • @lee-xt5oh
    @lee-xt5oh 7 หลายเดือนก่อน

    clear and perfect♾️

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

      Your appreciation means a lot to me 🥰

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

    I am stuck at post send option. I am getting
    success: false
    message : Please fill full Reservation form!
    No able to find error. How can i fix it?

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

      Debug your function and console all fields and check that are you getting all fields or not

  • @PavanSibal
    @PavanSibal 11 หลายเดือนก่อน +1

    Can you please share your vs code theme, extensions u r using. Great tutorial,

    • @CodeWithZeeshu
      @CodeWithZeeshu  11 หลายเดือนก่อน +2

      The theme I'm using is a default Dark theme.
      The extensions I'm using are:
      Auto Close Tag
      Auto Rename Tag
      Bootstrap Intellisense
      Code Runner
      DotENV
      ES7 React/Redux/GraphQL/React-Native Snippets
      ES7+ React/Redux/React-Native Snippets
      Live Server
      Material Icon Theme
      Postman
      Prettier Code Formatter
      Thunder Client

  • @OGNRs
    @OGNRs 4 หลายเดือนก่อน +1

    at 54 min I am unable to see the homepage, why so? please tell asap

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

      Maybe your didn't return your component. Otherwise check for errors in your terminal.

  • @praffulnegi5921
    @praffulnegi5921 4 หลายเดือนก่อน +1

    "First argument to `Model` constructor must be an object, **not** a string. Make sure you're calling `mongoose.model()`, not `mongoose.Model()`." ..........................facing this error in postman 42:00 , Please help

    • @CodeWithZeeshu
      @CodeWithZeeshu  4 หลายเดือนก่อน +1

      Use curly brackets inside your Reservation.create method in your controller file in backend

  • @ynx-z3c
    @ynx-z3c 4 หลายเดือนก่อน

    When I try to make a reservation, it doesnt show the success page. instead it shows:
    Failed to load resource: net::ERR_CONNECTION_REFUSED
    Reservation.jsx:39 Uncaught (in promise) TypeError: Cannot read properties of undefined (reading 'data')
    at handleReservation (Reservation.jsx:39:32)
    (its in the console log), help to solve this asap

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

      Your backend is not running.

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

      How to solve it?

  • @Nob-v
    @Nob-v 5 หลายเดือนก่อน

    you are Best bro. thanks

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

    Mashallah bhai bht acha

    • @CodeWithZeeshu
      @CodeWithZeeshu  8 หลายเดือนก่อน +1

      Jazak Allah ❤️

  • @nerellarajashekar4109
    @nerellarajashekar4109 8 หลายเดือนก่อน +1

    {
    "success": false,
    "message": "First argument to `Model` constructor must be an object, **not** a string. Make sure you're calling `mongoose.model()`, not `mongoose.Model()`."
    }

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

      Join our Whatsapp group and ask for guidance.

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

    Great brother ❤

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

    i am having issues with the reservation.jsx file it is giving errors on sending data

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

      Which error?

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

      await Reservation.create({
      firstName,
      lastName,
      email,
      phoneNumber,
      date,
      time,
      });
      use brackets

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

    Bhai great video. Please react native per bhi detailed video banain. Thank you. Jazak Allah

    • @CodeWithZeeshu
      @CodeWithZeeshu  11 หลายเดือนก่อน +1

      Thanks for your appreciation. Bro jld aap ko ek react native ki puri series mile only with projects aur han backend k baghair maza nhe hota project to basic sa backend b hoga unka inshallah

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

    great explanation thnx

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

    Bro where you connected backend and frontend. Im not able to find it. Neither in reservation component nor in app.jsx pls help

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

      I connected frontend and backend in backend in app.js file

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

      @@CodeWithZeeshu in which line specifically. please tell

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

    Brother you helped me alot

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

    Great bro

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

    first argument to `model` constructor must be an object, **not** a string. make sure you're calling `mongoose.model()`, not `mongoose.model()`.
    can anyone solve this error ?

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

      Check your schema file. Maybe you have some syntax error there.

    • @akashnegi-nr4yd
      @akashnegi-nr4yd 8 หลายเดือนก่อน

      you use small latter m on your mongoose.model to chenge m to capital latter and run this code

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

    Failed to resolve "..restApi.json" from "src/components/Qualities.jsx" does the file exist

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

      I think your path is incorrect.

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

    Bhai aapne confog. Env me frontend ke liye url kese liya or konsa url he wo

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

      Aap apne frontend k liye npm create vite@latest ki command jb run krogy us se aap ka react ka environment setup hojayega phir jb aap npm run dev krogy to apka jo project hoga wo by default localhost:5173 pr run krega

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

      ok bro
      thank you for reply✌@@CodeWithZeeshu

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

      Welcome

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

    SIR or anyone please help me ,, while making reservation its showing error for valid entry also,, its not showing error message ,its just showing "X" wrong symbol on popup , can anyone tell me where is the error???

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

      Hey did u solve it iam also facing same issue

  • @varun1162
    @varun1162 6 หลายเดือนก่อน +1

    i am getting error [TypeError: Cannot read properties of undefined (reading 'data')] anyone facing this, tell me solution for this

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

      did you resolve it

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

      @@Wonderfully_ok nah

  • @bishtDevendra-el6tm
    @bishtDevendra-el6tm 4 หลายเดือนก่อน

    Server undefined port pe chlra ha kitna try kar liya kya kau env sahi dal h fir bhi

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

      Video dekhogy to sb samjh aajayega

    • @bishtDevendra-el6tm
      @bishtDevendra-el6tm 4 หลายเดือนก่อน

      @@CodeWithZeeshu bhai kitna try kar liya ha comments section main bhi sabka yahi problem ha 🙏

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

      Sbko yahi kaha he k video dekho... Q k brother code to sare provide kr hee chuka hon me at least config file to khud se bnao aap

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

    How did you get code in mongodb in starting, you had not explained, you directly got the code

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

      No brother I explained each and everything... Watch the video again.

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

    My backend and frontend both are running individually at ports but the site is not running on local host

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

      What do you mean not running on localhost?

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

      Means the reservation form is not submitting

    • @kanaksharma3835
      @kanaksharma3835 25 วันที่ผ่านมา

      @@Wonderfully_ok same
      did you get any solution

  • @AllInOne-vz3cm
    @AllInOne-vz3cm 3 หลายเดือนก่อน

    nice video sir , can you please make a full stack project including admin panel

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

      Already uploaded on my channel

    • @AllInOne-vz3cm
      @AllInOne-vz3cm 3 หลายเดือนก่อน

      @@CodeWithZeeshu what is the name of video sir??

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

    When am trynna run the server by npm run dev then its showing "nodemon is not recognized as an internal or external command, operable program or batch file " What to do and how to solve the problem

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

      Run this command in your terminal:
      npm install nodemon -g

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

      Ya i hv installed it globally but then after giving the command "npm run dev" It's showing [nodemon] app crashed - waiting for file changes before starting

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

      It's the error in your code.

  • @Vishal-ef8tk
    @Vishal-ef8tk 6 หลายเดือนก่อน +1

    Bro here i am getting Could not send request while connecting to postman.

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

      Maybe your url is incorrect.

    • @Vishal-ef8tk
      @Vishal-ef8tk 6 หลายเดือนก่อน

      @@CodeWithZeeshu FRONTEND_URL this one?

    • @Vishal-ef8tk
      @Vishal-ef8tk 6 หลายเดือนก่อน

      @@CodeWithZeeshu which url FRONTEND_URL ?

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

      ​@@CodeWithZeeshueverytime connecting to postman i got error of unexpected end of json input in every project , why it is so kindly tell me

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

    Hello brother, what's the purpose of notFound.jsx page here when we are not getting redirected to that page after making any mistake such as mistake in filling out the form? Because so far, after doing a mistake we are getting warning messages but we are not getting redirected to notFound.jsx page like we are getting redirected to success page after success. So what is the point of using notFound.jsx page here? I am actually in doubt about the use of notFound.jsx page here as it looks to be an independent page.

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

      You will be redirected to this page only if you want to go to a page which does not exist.

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

    Thank you bhaiya ❤

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

    how do you connected backend to frontend? using RESTful APIs

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

      By using cors, I connected the backend with frontend.

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

      @@CodeWithZeeshu CSS framework?

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

      In this project I used pure CSS.

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

    Hey please make a video on how to deploy I used render for backend and netlify for frontend but my database is not connecting overall everything working but not able to connect database ...

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

      Render pe account abhi bnaya he ya 3-4 maheene pehle q k abhi to card maang rha he deployment k liye....

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

      th-cam.com/video/nwrqRW_Z03A/w-d-xo.html Deployment video

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

    Life saver ✌🏻

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

    A cross-origin resource sharing (CORS) request was blocked because of invalid or missing response headers of the request or the associated preflight request. To fix this issue, ensure the response to the CORS request and/or the associated preflight request are not missing headers and use valid header values in react this Error is occuring in console

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

      Your frontend is not connected with your backend.

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

    Bro my email field validation isn't working as expected. I have cross checked with your github repo code and it seems perfect. But the issue persists. It seems that validator library itself is not working. Can you check once and respond back?

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

      Check the version of your validator in your package.json file

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

      @@CodeWithZeeshu The version is 13.12.0

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

    When we fill the entry in reservation part it dost not work not even the 404 page is coming plz help

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

      Is your backend running? Check for any error in your console.

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

      Solved 👍 thank you so much

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

      Welcome

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

      How did you solve it tanvi??

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

    Server has started at port undefined .. what should be it's port number thn i hv given 4000 then 5000 everywhere im getting same error

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

      Your config file path is incorrect

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

      @@CodeWithZeeshu thn how to correct it

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

      @@CodeWithZeeshu through folder thn env file ryt

    • @bishtDevendra-el6tm
      @bishtDevendra-el6tm 4 หลายเดือนก่อน

      Please tell resolve hua​@@anshubanu

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

      @@bishtDevendra-el6tm i didn't continue the project futher after the errors 🥲

  • @nabeelrehman-tz9hl
    @nabeelrehman-tz9hl 4 หลายเดือนก่อน

    aoa, bro i am facing error "[nodemon] app crashed - waiting for file changes before starting..." how can i solve this error plz help me

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

      Send pic of full error on my insta or LinkedIn

    • @nabeelrehman-tz9hl
      @nabeelrehman-tz9hl 4 หลายเดือนก่อน

      @@CodeWithZeeshu ok

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

    After start backend...nodemon is not recognised as an internal or external command how to fix it

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

      Visit me channel and watch a video of nodejs installation your error will solve by watching that 3 minutes tutorial.

  • @mr.faisutiktokstarfanclub3845
    @mr.faisutiktokstarfanclub3845 8 หลายเดือนก่อน

    brother i also wanted fitness app/Web by fetching API in MERN becoz im also doing engineering and i need it for final year mega project

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

      I'll create it later currently working on e-commerce project but if you want it then I also do freelancing you can pay if it's urgent for you.

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

    bhay meri config.env file me jo port and frontend url and mongo_uri voh update nahi ho rahe matalb blue nahi ho rahe

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

      Kia mtlb update nhe horhe

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

      Yes,npm run dev krne pe
      Port 4000 nhi show ho rha hai
      Only ye show ho rha hai
      server running on port ${process.env.Port}

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

      Means .env file responsive nhi hai

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

      Same problem with me too !!! I’m stuck here for hours now 😢

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

      @@CodeWithZeeshu please help !!

  • @AkankshaAhire-pw8wu
    @AkankshaAhire-pw8wu 3 หลายเดือนก่อน

    This website not property working. Backend issue... Before postman working well. but after that not working..😐😐

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

      I think you're using postman's VS code extension. Download postman's software application and use it.

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

    bhai ham mongo atlas se get request karke restaurant ke liye bhi front end bana sakte h na...is video me sirf customer ke liye hai

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

      Han bilkul kr skte ho

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

    Hi! Sir I don't know how to use ur given code from ur GitHub repository to my environment (in my laptop)
    l downloaded code from GitHub but don't know how to use it.
    PLZ SIR HELP ME OUT BY MAKING A GREAT & ASY VIDEO.

    • @CodeWithZeeshu
      @CodeWithZeeshu  4 หลายเดือนก่อน +1

      Brother you've to setup a config file in your backend and you also need to download node modules in your backend and frontend.

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

      @@CodeWithZeeshu PLZ SIR HELP ME OUT BY MAKING A GREAT & EASY VIDEO.

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

      ​@@HumaIhsan_Jutthi bro, did you used it in you pc?

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

    my backend is working from thunderclient but not from front end
    please help

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

    Going good so far but my problem is Success page doesn't appear.
    Can anyone help me rectify this error?
    Btw this is really helpful.
    This is beginner friendly.
    Thank you for bringing such contents for free.

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

      Can you submit the form from your frontend?

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

      @@CodeWithZeeshu yes

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

      After I fill the details in the frontend and click reserve now button it directs to the empty page, however the data is stored in database

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

      Maybe there is some issue in your success page.

    • @kanaksharma3835
      @kanaksharma3835 25 วันที่ผ่านมา

      @@shravyak8535can you help me I can not submit the information to frontend

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

    Heyy, I cannot find config.env in the github repo.. Can you please help ?!

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

      You have to setup it on your own or join our Whatsapp group and ask for guidance.

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

    Thanku brother it was very helpful for me for practice MERN but when I was deployed my project it was failed please help

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

      I uploaded a separate video of deployment so watch that video.

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

    Bhai mera toast alert kaam maine bahot koshish ki but nai horaha aur agar message ko console kare toh araha hai console maI but toast alert nahi aa raha? any suggest?

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

      App.jsx file me Toaster component use Kiya he??

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

      @@CodeWithZeeshu nahi sirf reservation.jsx mai Kia tha!

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

      App.jsx me Toaster ko import kro

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

      @@CodeWithZeeshu Alhamdulillah Bhai jazak Allah!

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

      Khairan

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

    Can I use it for my university minor project

  • @Jain_gungun
    @Jain_gungun 5 หลายเดือนก่อน +1

    how to run this project

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

    npm run dev
    > backend@1.0.0 dev
    > nodemon server.js
    'nodemon' is not recognized as an internal or external command,
    operable program or batch file.
    how to clear this error how did use nodemon

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

      Brother Install nodejs and setup its path: to solve this error visit my channel and watch the nodejs installation video

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

      ​@@CodeWithZeeshu i have watched the video nd setup as u showed but still not clear the issue

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

    Hey i have created this project it is pretty nice... But my teacher is saying me that i have to add login/sign up page.. Attched to registration.. So how to can i add it.. .. In my already build project.. Do you have any other video where u made sign up /log in pg... Pls guide me...

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

      Yeah I have already implemented signup login functionality in my other projects i.e. Job Seeking Web Application or Blogging Application.

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

      Also I have one more thing to ask... That
      1.Did we use authentication in this project?
      2.And if answer is yes, then did we use router for it or not...
      Cuz my teacher told me there is no authentication in this project.. So pls guide me

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

      This project has no authentication

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

      @@CodeWithZeeshu do you have any mern stack (react + nodejs+ express+mongodb) authentication project on your channel.. Can u pls name it

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

      Bhaiyya pls jawab dedo..aur ya sirf ek function + authentication asa koi project apke channel pai hoga wo bhi chalega baitha pls batado

  • @opketan477
    @opketan477 17 วันที่ผ่านมา

    can you please explain how restApil.json data getting shown dynamically🙏🙏🙏🙏🥲🥲🙏🙏

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

    "success": false,
    "message ": "First argument to `Model ` constructor must be an object, **not** a string. Make sure you're calling `mongoose.model()`, not `mongoose.Model()`"
    I'm getting this error and unable to fix it. CAN ANYONE HELP ME TO SOLVE !

    • @CodeWithZeeshu
      @CodeWithZeeshu  3 หลายเดือนก่อน +1

      Write curly brackets inside your Reservation.create method in your Reservation.js controller file

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

      ​@@CodeWithZeeshu Thankyou