Connect Frontend to Backend Using React JS and Node JS

Поделиться
HTML-код
  • Опубликовано: 17 окт 2024

Комментарии • 100

  • @ishadii
    @ishadii Год назад +93

    I was too tired and could not connect both backend API and frontend and tried so many videos. This video really helped me and I could successfully connect. I couldn't leave without expressing my gratitude. Thank you so much.

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

      Thank you so much for your kind words! We're thrilled to hear that our video helped you successfully connect the backend API and frontend. We understand how challenging it can be, and we're glad our content made a difference for you. If you have any more questions or need further assistance, feel free to reach out. Keep up the great work!

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

      @@CodersArts Please make videos using mongodb clusters. As beginner's we struggle so much to do a successful video and practice. And more MERN Stack videos please.

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

      ​@@CodersArts same problem happened 😢, can u please make video, in windows😊

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

      This video is good❤

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

      Bro u connect backend project

  • @shivamkhandelwal1780
    @shivamkhandelwal1780 Год назад +6

    Thank u man ,my website is running now, after so many efforts

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

    thank you bro .After watching so many videos at last i connect to backend. Really helpful video.

  • @bekat2265
    @bekat2265 2 месяца назад +4

    тот самый индус, который за 10 минут объяснил тему на который я бы потратил час

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

    He is talking with the computer not commanding it but requesting it in a human language😊

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

      Exactly! 😊 The beauty of modern technology is that it allows us to interact with machines in a more natural and intuitive way. It's all about bridging the gap between humans and technology. 🌉 Thanks for noticing and sharing your thoughts! 💭👍

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

    I watched so many videos to understand this.but not success.In this video is very help full me to understand that thing in easy way.Thank you

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

    thanks man... your explaination as well as pace is very good you got one more subscriber in your youtube journey

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

      Thanks and welcome! Thanks for the sub!

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

    I realised now how simple it was thank you so much

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

    thanks for the vid, im actually working with react and node for the first time, it worked

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

    It's a great video sir now I understand it clearly i want some more videos like this keep going

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

    Bhai tune ek dum simple way me itna samja diya hai thank you so much bhai....

  • @HrishiRajSinghBCH
    @HrishiRajSinghBCH 3 месяца назад +1

    I have one question , if we pass localhost backend address in response of axios, wouldn't that may cause issue when we deploy it on online cloud services?? if yes, any solution for it ?

    • @CodersArts
      @CodersArts  3 месяца назад +1

      at that time we use .env file to store backend host address change it dynamically or use monorepo to deploy frontend and backend together

  • @mrunphotography
    @mrunphotography 6 месяцев назад +1

    Your explanation was soo clear, worth a subscription

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

    100% satisfied with your video please bro keep going

  • @rupalxx
    @rupalxx 3 месяца назад +2

    By using your solution i can finally able to pass my data from backend to frontend but can you please tell me how can i pass my demo data file through res.send.......by the way I'm your new subscriber

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

      you can use res.sendfile method to send file to frontend

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

      @@CodersArts yess sir i have solve it

  • @VijenderChimma
    @VijenderChimma 9 месяцев назад +1

    when use two folders like frontend and backend its very easy but when deploying it it is showing 404 error what we have to do then

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

      you have to either deploy the app separately frontend and backend on separate hosts or you can use monorepo structure to deploy the frontend and backend together by serving only the build of the frontend.

  • @BollyActress-o5h
    @BollyActress-o5h 2 месяца назад

    Hiw will you deploy this type of directory on production?

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

    Please do a tutorial on how to connect a front-end builder like framer to a back-end builder like xano.

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

    How do you connect them on the share hosting
    I am having hard time deploying the app and would appreciate your help.
    Can you provide steps on the comment please ?

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

      Same question 😢

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

      for shared hosting you can convert the folder structure as monorepo so you can serve the frontend build in the backend itself

  • @Mr_kiki0
    @Mr_kiki0 24 дня назад

    thank for video its very informative in less time

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

    sir i want to know If a customer clicks on order button to order and the order list should received at the admins page/panel without any database or backend possible?? if yes how sir?

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

      without any backend its no point of doing but you can use localStorage in frontend for that, if you want only a frontend app without any backend.

  • @hardkapadia5633
    @hardkapadia5633 4 месяца назад +2

    Great video short and too the points ,Thanks!

  • @guddansaini2059
    @guddansaini2059 8 месяцев назад +1

    Thank you, very simple explanation

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

      Glad it was helpful!

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

    Error [ERR_MODULE_NOT_FOUND]: Cannot find package 'body-parser' imported from E:\15-sending at ModuleWrap. (internal/modules/esm/module_job.js:51:40) s/esm/loader.js:229:28)
    at link (internal/modules/esm/module_joules/esm/module_job.js:51:40)b.js:50:36) {
    code: 'ERR_MODULE_NOT_FOUND', plz help me

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

    its going to a blank page even though the code is same !! pls help

  • @shashankmishra133
    @shashankmishra133 7 месяцев назад +5

    create a video that send data from frontend and save in database

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

    Such simple and explanatory video

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

    nice video man, fast and good.

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

    Hello sir
    IAM getting error like useState and useEffect are undefined sir,please respond and give me solution for this error

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

      please import that at the top of the file from react

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

    my computer skills are so bad that i did everything here line by line and still that App message is not appearing in my browser console. And it happens with me only. Everytime i try something.

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

      don't discourage yourself, in programming we are destined to solve problems and errors. you might be missing something important, you can clarify your problem or error so i can help you!

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

    How can we fetch mssql server tables or data using axios that will display frontend react ui. Could you please help me.

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

      To Receive Personal answer, We have made it as easy as possible for you to get in touch with a vetted and experienced mentor. www.codersarts.com/book-online

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

    You deserve my like and subscription

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

    I got uncaught (in promise) and connections refused what can I do plz reply I am stuck here

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

      Please check your set up properly. and might skipped some step. your can also search over google.

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

      I copy the code word to word than why it's happening I try to fine that on Google but nothing can be work.

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

    Thanks So mush, it works .................

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

    sir iam geeting like system cannot find path when i switched to new terminal to give ->cd backend as u did

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

      make sure you're in root folder and then switching to "backend". also reconfirm "backend" folder is already created

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

      @@CodersArts ok sir

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

      @@CodersArts sir "touch index.js" is required ,because with out giving "touch index.js",it is getting for me like how u got

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

      "touch" command by default work in Linux and Mac OS. so please search equivalent command in windows if you are using that

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

      @@CodersArts iam using windows 11,can u suggest the suitable command

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

    Thank you. This is perfect.

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

    like webpage storage ?

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

    i got an error that setData is not a function at getData. can anyone explain me whyy???

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

      you may have forgotten to define them or declare them

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

    very satisfied with your video. i do had some doubts in react projects can you clear them

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

    Thank you buddy

  • @Sahil.1
    @Sahil.1 7 месяцев назад

    Wow thanks man

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

    my reservation form is showing error

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

    Thank You :)

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

    Exactly what apt and short.

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

    how to send data to our backend

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

      by making a post api request from frontend using axios or fetch api to backend and passing your data as a payload in the POST request.

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

    Thanx man...❤

  • @ch.4940
    @ch.4940 Год назад

    Thank you❤

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

    thanks, nice video.

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

    thank you man.

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

    thank you brother

  • @SanjaySinghShekhawat-w5y
    @SanjaySinghShekhawat-w5y 3 дня назад

    If you're Indian so speak in hindi bcz all are understanding better in hindi

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

    thanks bro

  • @Musicmixer-bollywood
    @Musicmixer-bollywood Месяц назад

    is your name is daksh Gautam

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

    Npm error

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

    Indian accent so absolutely NOT