Post From HTML Form To MongoDB Atlas | Javascript Tutorial

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

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

  • @marinakim2929
    @marinakim2929  4 ปีที่แล้ว +31

    Wow what a fan noise.. sorry guys, will use the separate mic in the next video

    • @shiveshsrivastava1890
      @shiveshsrivastava1890 2 ปีที่แล้ว

      Love your voice.

    • @isabsk10
      @isabsk10 2 ปีที่แล้ว +1

      Can we get the source code of it

    • @marinakim2929
      @marinakim2929  2 ปีที่แล้ว +1

      @@isabsk10 yes I’ll share today)

    • @jesussheepakash9289
      @jesussheepakash9289 ปีที่แล้ว

      no problem mam, but thank you for making this video, you explain very easy this concept , best teacher

    • @rigvedraut6765
      @rigvedraut6765 ปีที่แล้ว

      hey i have few doubts can i get your mail id or anything's else to connect

  • @dieterk7025
    @dieterk7025 3 ปีที่แล้ว +54

    Finally a tutorial on this subject that does not take 3 hours, 10 folders and 20 files that constantly require each other. Thank you so much!

    • @marinakim2929
      @marinakim2929  3 ปีที่แล้ว +5

      Ahaha I also hate those, though they use best practices but i just try to explain the concepts and then you can structure as you want 😄

    • @nicolatrimigliozzi9579
      @nicolatrimigliozzi9579 3 ปีที่แล้ว +1

      It's the best approach in my opinion, first you learn the basics and next move forward complicating things :D

  • @benolds9523
    @benolds9523 2 ปีที่แล้ว +5

    This is probably one of the best videos I've come across as someone that's had no experience with backend frameworks in the past and is only a few days into learning node. You made this SO easy. Thank you Marina.

    • @marinakim2929
      @marinakim2929  2 ปีที่แล้ว

      Thank you so much for the support 🥰

  • @abdussamikhan9993
    @abdussamikhan9993 3 ปีที่แล้ว +1

    I'm a beginner and trying to build my first website. I was stuck on a problem for the last two days and your video solved it. Thanks a lot and keep up the good work.

  • @kart1372
    @kart1372 3 ปีที่แล้ว +3

    Hi Marina! I hope you read this. I am a new developer and very new to programming. I am developing a project for my college which required the form submission to mongodb. I have watched atleast 10 tutorials and I just want to say YOU ARE A LIFE SAVIOUR. Thanks a lot for not making it 3 hours long with hundred files and folders.

    • @marinakim2929
      @marinakim2929  3 ปีที่แล้ว +1

      Wow thank you so much) really appreciate it 😃😊 I hope to post regularly

    • @kart1372
      @kart1372 3 ปีที่แล้ว +1

      @@marinakim2929 Hi! Could you please tell me , after I do this. my css linked file and images stop working. How can I fix that?

    • @marinakim2929
      @marinakim2929  3 ปีที่แล้ว +1

      @@kart1372 hi, you should check the path to your css and images, as now your html is in ejs format and in a different folder

  • @sacrajah
    @sacrajah 2 ปีที่แล้ว +1

    This is wonderful . No unnecessary lengthy explanation is provided . Enjoyed the demo.

    • @marinakim2929
      @marinakim2929  2 ปีที่แล้ว

      Thank you so much 🙃☺️

  • @GonzaAhrexd
    @GonzaAhrexd 2 ปีที่แล้ว

    Thank you very much!!! I was 5 hours searching for a lot of videos in order to make it work, until I finally found yours, and it was the only one that worked. The other ones had a lot of steps that makes me confused

  • @vivekbhramshetti8946
    @vivekbhramshetti8946 ปีที่แล้ว

    this is simpliest way to told me i watched many videos but get idea to connect to db Thank you...💕

  • @dharmendrachoudhary5568
    @dharmendrachoudhary5568 ปีที่แล้ว

    Looking for past 3 days this is what I exactly wanted
    Thank you 🤗

  • @terrabyte1154
    @terrabyte1154 3 ปีที่แล้ว +4

    You totally deserve more subscribers! You've saved me hours of struggling! Thank you :) :D

    • @marinakim2929
      @marinakim2929  3 ปีที่แล้ว +1

      Thank you so much, you made my morning 🥰😃

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

    Hey Marina, It was really an awesome detailed walkthrough. God Bless You.

  • @erinknapp2944
    @erinknapp2944 2 ปีที่แล้ว +4

    This was a great tutorial. Easy, simple, and to the point. Thanks!

  • @ubonthemic
    @ubonthemic ปีที่แล้ว

    Awesome work, always had trouble with form submission to the db, but this made it so simple!!!

  • @oatanalbe356
    @oatanalbe356 2 ปีที่แล้ว

    Wow you are amazing. The most underated proframming youtuber I ever know. Thanks a lot. You really help me.

  • @berkantbalkan
    @berkantbalkan 2 ปีที่แล้ว

    You are the best! You saved me from trying to search something for hours. Thanks a lot. Im subscribing right a way :)

  • @krishnapalsingh3164
    @krishnapalsingh3164 2 ปีที่แล้ว

    it's soooo crisp and to the point video i have ever seen, thanks alottt

  • @colindante5164
    @colindante5164 ปีที่แล้ว

    I never knew connecting the dots would be such a breeze. Thankyou much))

  • @mansooralam5283
    @mansooralam5283 2 ปีที่แล้ว +2

    Perfect ! You gave the exact information as I was in need of from a very long time. Thanks

    • @marinakim2929
      @marinakim2929  2 ปีที่แล้ว

      Thank you so much for the feedback 🥰🥰🥰

  • @kusumaningrat1621
    @kusumaningrat1621 2 ปีที่แล้ว

    After some hours looking for a solution, and finally find that solution here, thank you

  • @gandalfpisos
    @gandalfpisos 2 ปีที่แล้ว +1

    Kudos. Amazing tutorial. It saved me of hours of being stuck. Simple, 12 minutes, well structured. Keep up with the great work!

  • @eey8909
    @eey8909 ปีที่แล้ว

    Really the simplest and best explained video on the subject!!!! Really great 💪

  • @blatchie4608
    @blatchie4608 3 ปีที่แล้ว +1

    Oh my gosh thank you for this. Such a good tutorial. If only the tutors at my uni were this good

  • @BipinKumar-yq5ho
    @BipinKumar-yq5ho 2 ปีที่แล้ว

    Love the way of teaching , thanks for short simplified tutorial.

  • @c_shekhar
    @c_shekhar 2 ปีที่แล้ว

    I just wanna say , It helped me a lot. Thank you very very much for this quick and explanatory tutorial.

    • @marinakim2929
      @marinakim2929  2 ปีที่แล้ว

      I’m so glad to hear it)) thank you for the feedback 🥰

  • @andreabad3518
    @andreabad3518 ปีที่แล้ว

    Great tutorial, I have been stuck on this for a couple days and this is the only video that actually gave me clarity. One question I ahve is how would I change where the file is saved in MongoDb Atlas

    • @andreabad3518
      @andreabad3518 ปีที่แล้ว

      Nevermind I saw where adjusted its at 5:03ish for anyone that also missed that detail

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

    Thanks for the video. It was very helpful! My only word of caution would be if people used github and left their password easily readable, although I get that a big selling point of this video was to simplify the whole process. Nicely done!

  • @sujalmaharjan7563
    @sujalmaharjan7563 23 วันที่ผ่านมา

    Thanks for this! I hope this will work in my electron desktop application.

  • @twist3dgUt4219
    @twist3dgUt4219 2 ปีที่แล้ว

    Oh my god! Thank you so much. The other videos made it look so difficult to implement!

  • @phamuyen9827
    @phamuyen9827 2 ปีที่แล้ว +1

    Hello guys. Can I call this like: "RESTful API"? Pls reply me. Thanks!!

  • @jedellion
    @jedellion ปีที่แล้ว

    super useful and very straightforwards to follow. Thank you so much.

  • @system.in81818
    @system.in81818 2 ปีที่แล้ว

    I was very glad to see😢 time duration, and thank you for your code. Plz explain more concepts.

  • @soumikmitra6989
    @soumikmitra6989 2 ปีที่แล้ว

    one of the best tutorial i am a big fan of yours now

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

    Thanks for the short and to the point video

  • @SamBrooke-c7j
    @SamBrooke-c7j ปีที่แล้ว

    Great tutorial Marina! Many thanks.

  • @bladex9061
    @bladex9061 2 ปีที่แล้ว

    Very well explained, and clear, step by step- thanks so much! it really helped a lot

  • @bobbykuhikar5527
    @bobbykuhikar5527 2 ปีที่แล้ว

    thankyou soo much for these videos, your videos are simple, easy to learn and very informative

  • @jeanpoolmarcosrafaeljarami3446
    @jeanpoolmarcosrafaeljarami3446 2 ปีที่แล้ว

    Me regresaste el alma al cuerpo un suscriptor nuevo!

  • @gatonegro2123
    @gatonegro2123 2 ปีที่แล้ว

    Thanks Marina, interesting way to lean.
    Greetings from Spain.

  • @MdArif-pc9bz
    @MdArif-pc9bz ปีที่แล้ว

    This is the video i am looking for... Thanks 😊

  • @naknampochii
    @naknampochii ปีที่แล้ว

    finally i found this tutorial, thank you so much

  • @uncommenteryculture7606
    @uncommenteryculture7606 3 ปีที่แล้ว

    man thank god i found an English person that does it fastly

  • @bhavitkanthalia1536
    @bhavitkanthalia1536 3 ปีที่แล้ว

    Thank you for such easy hands-on for node.

  • @harshavardhandoddamani8749
    @harshavardhandoddamani8749 2 ปีที่แล้ว

    thank yyouuu som much
    Marina Kim..... i never saw his easy tips....... ❤❤❤❤

  • @jayasri-ft8040
    @jayasri-ft8040 3 ปีที่แล้ว

    Hi Kim, i am new to this. May i know to do this as practics what all are pre request software supposed to be installed and what language supposed to be know. Please share. With your smile. So cute your way of presentation

  • @chiangyongheng6679
    @chiangyongheng6679 ปีที่แล้ว

    Thanks for the video. It is easy to follow. Simple and nice.

  • @parulsingh9895
    @parulsingh9895 3 ปีที่แล้ว

    simple and easy to learn for a beginner. Thank you so much

  • @_angThanhLoc
    @_angThanhLoc ปีที่แล้ว

    chị làm vidoe ngược lại được không chị ở hiện tại handerbar em đưa từ database lên không dc

  • @stanchilecki6144
    @stanchilecki6144 3 ปีที่แล้ว

    Thank you so much for this video!!! I was looking for tis kind of video all day and finnaly I found one, keep going with this content :D

    • @marinakim2929
      @marinakim2929  3 ปีที่แล้ว

      Thank you so much)) I’ll continue for sure.. 😊

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

    When I try to connect to Mongo Atlas, I get an error message bad with: authentication failed

  • @siddhusiddhu1555
    @siddhusiddhu1555 2 ปีที่แล้ว

    easiest way to understand ,thank yu sooooo much

  • @fredericgaufichon7373
    @fredericgaufichon7373 3 ปีที่แล้ว +1

    exactly the tuto I needed, very clever, thank you !

  • @millen_basquiat
    @millen_basquiat 2 ปีที่แล้ว

    Thank youu so so much for posting this!! It works perfectly!

  • @vusumuzivato3333
    @vusumuzivato3333 2 ปีที่แล้ว

    Heyy, I'm stuck on the npm init? I'm using windows, should I install something????

  • @Maria.rabbani
    @Maria.rabbani 2 ปีที่แล้ว

    Hello Marina. I must say among so much inauthentic stuff on the Internet, your video is such a help. So coherently explained and in perfect detail. I am building a social media website for which I want a web page which would not just let users post but also allow to get all the previous posts from the Mongodb database and display it on the same page. I saw your tutorial for getting data from mongodb and I combined the logic for both in my web page but it seems like its not working. Can you please do a tutorial for posting and getting data together on the same page at the same time. Would be really grateful. Also please can you do it some time soon as I am running short of time. Thanks in advance.

  • @raul14buendia24
    @raul14buendia24 3 ปีที่แล้ว

    Hi Mariana Kim! i hope you are having a nice day. Thank you so much for this tutorial it really help. I have one question, how can i redirect the user to another html file with some confirmation info after they click the submit button and after the post to the database? thanks for your videos

  • @nhantran8254
    @nhantran8254 2 ปีที่แล้ว

    Very helpful. Thanks Marina!

  • @hvwong2044
    @hvwong2044 2 ปีที่แล้ว

    Thanks it works! but now it only display plain html on server, all my css and images not show, how can i fix it? thanks a lot

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

    wow, thanks a lot , helped me in my project!!

  • @samjuice5871
    @samjuice5871 2 ปีที่แล้ว +1

    Hi Marina! Great tutorial. I was just wondering, how would I go about making this server hosted on a domain instead of localhost 3000? Thanks.

    • @marinakim2929
      @marinakim2929  2 ปีที่แล้ว +2

      Hi) thanks for the feedback, I have another tutorial on deploying the full stack app on heroku, toy can check that out 🙃🙃

  • @ficty306
    @ficty306 2 ปีที่แล้ว

    Thanksssssss direct to the point

    • @marinakim2929
      @marinakim2929  2 ปีที่แล้ว

      Thanks so much for the feedback 🥰

  • @AmanSingh-eh3gu
    @AmanSingh-eh3gu 2 ปีที่แล้ว

    Can u help me I am facing problem when i try to make the site live by same procedure.

  • @adikica
    @adikica 3 ปีที่แล้ว +7

    came for the MongoDB, stayed for the voice :D

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

    Now i know Mongo 😄
    You are amazing!!!

  • @felipesh5291
    @felipesh5291 3 ปีที่แล้ว

    Very intuitive and easy, saved my live, thanks a lot!

    • @marinakim2929
      @marinakim2929  3 ปีที่แล้ว

      Thank you too for the feedback)

  • @oahola237
    @oahola237 3 ปีที่แล้ว

    Wow, that was super efficient and informative. Thanks. Subscribed.

    • @marinakim2929
      @marinakim2929  3 ปีที่แล้ว

      Thank you for the sub and feedback)) I’m so sorry I don’t have time now to fully focus on TH-cam but trying to manage my time

  • @giosterr44
    @giosterr44 2 ปีที่แล้ว +1

    body parser is deprecated..., can you update??

  • @martinn1071
    @martinn1071 3 ปีที่แล้ว +1

    Thanks so much for this tuto ! Love your accent !! :)

    • @marinakim2929
      @marinakim2929  3 ปีที่แล้ว +1

      Ahah thanks)) my native language is Russian so 😄

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

    This video is simply amazing

  • @vijayakashallenki442
    @vijayakashallenki442 2 ปีที่แล้ว +2

    Hy Marina
    Can we say it as a 2 - tier architecture web app?

    • @marinakim2929
      @marinakim2929  2 ปีที่แล้ว

      Hello) it has a client and a db so technically yes 😌

    • @vijayakashallenki442
      @vijayakashallenki442 2 ปีที่แล้ว

      @@marinakim2929 There Is also a nodeJS server side right then why it is not 3 tier?

  • @chmohsin3125
    @chmohsin3125 2 ปีที่แล้ว

    thanks ..was stuck here for 2 days😂

  • @xcellentmotionz
    @xcellentmotionz 2 ปีที่แล้ว

    Thanks alot, this was a life saver... now i', stuck at some point.....how do i post forms from different pages( registration, contact us, and questionnaire) to different database...Help a brother!

  • @louisdyrhauge2897
    @louisdyrhauge2897 ปีที่แล้ว

    Great tutorial, really helpful :)
    Thanks a lot!

  • @musshare
    @musshare 3 ปีที่แล้ว

    nice... watched about 3 videos on your channel.. worth subscribing 👍

  • @Draco-pe4fg
    @Draco-pe4fg 3 ปีที่แล้ว

    wonderful video just love the way you express

  • @kaushikdiganto5690
    @kaushikdiganto5690 3 ปีที่แล้ว +1

    SyntaxError: Identifier 'bodyParser' has already been declared
    how to solve this problem?

    • @marinakim2929
      @marinakim2929  3 ปีที่แล้ว

      Check the code, it just looks like you declared bodyparser at more than one place.. send me your git if you want

  • @jakesafari4436
    @jakesafari4436 2 ปีที่แล้ว

    for some reason, using this tutorial. Which is awesome for an extreme noob, i cant seem to nest things like i would expect item : { item: string, } , might overlook it tho

  • @Parendinate
    @Parendinate 2 ปีที่แล้ว

    it works like a charm. Thanks.

  • @Mahesh_Dubal
    @Mahesh_Dubal 2 ปีที่แล้ว

    If our index.html is in client folder,then how to save data?

  • @paulogbanje8472
    @paulogbanje8472 3 ปีที่แล้ว

    Your tutorial is nice and simple i love it, Thanks so much for this.

  • @TadiwaNherera
    @TadiwaNherera ปีที่แล้ว

    Hie, Thank you so much for this video it was really helpful. I have a video request, how would we post form data to Mongodb Atlas using a php driver?

  • @whatiknowis
    @whatiknowis 3 ปีที่แล้ว +1

    Exactly what i was looking for thanks

    • @marinakim2929
      @marinakim2929  3 ปีที่แล้ว

      Glad it was helpful) you’re welcome

  • @harikiran3690
    @harikiran3690 ปีที่แล้ว

    is there any method to use data from mongo db only using js

  • @victorespinozalucena9163
    @victorespinozalucena9163 3 ปีที่แล้ว

    Wow! Congrats great tut. How secure is this method? I mean, is the sensitive info (mongo password) safe from being visible from the frontend?

    • @marinakim2929
      @marinakim2929  3 ปีที่แล้ว +1

      Thanks)) it’s not so secure, as all the sensitive info like passwords and keys should be stored as env variables but I did that just for simplicity to explain the concept

  • @sumanthsumanth7114
    @sumanthsumanth7114 ปีที่แล้ว

    Saved a lot of time thanks!!

  • @_sessu
    @_sessu 2 ปีที่แล้ว

    Thanks so much! Great tutorial!

  • @rubayethassan5615
    @rubayethassan5615 3 ปีที่แล้ว

    Great and helpful tutorial..... But would you please fix my problem.... My problem is whenever I type ****const express = require("express")**** the variable name converts into yellow color and same to the body parser..... But when I created my first project it was fine.... But after making more of this Kind of project folders and files, this problem is happening with me..... And one thing I want to add that when I mouse over the variable name it shows to convert it to es6 module....

  • @sukrititripathy276
    @sukrititripathy276 3 ปีที่แล้ว +1

    Thanks for the help....as one of your viewers would like to suggest sharing the code as well....

  • @adrianmantilla4211
    @adrianmantilla4211 3 ปีที่แล้ว +1

    Hey! Everytime I do nodemon server.js in the console it says "'nodemon' is not recognized as an internal or external command...", any ideas why? Thanks!

    • @marinakim2929
      @marinakim2929  3 ปีที่แล้ว +1

      Hey Adrian!! Maybe you have not installed it globally?

    • @adrianmantilla4211
      @adrianmantilla4211 3 ปีที่แล้ว

      @@marinakim2929 yes I have installed globally but no idea what the error is :(

    • @marinakim2929
      @marinakim2929  3 ปีที่แล้ว

      @@adrianmantilla4211 hey)) try to uninstall and install -g again.. and you’re running node based scripts right?

    • @adrianmantilla4211
      @adrianmantilla4211 3 ปีที่แล้ว

      @@marinakim2929 the weird thing is that nodemon also shows as a dependency in the package.json file, so doesn’t that means that it is correctly installed? Will try again later today and will update you if anything happens! Thanks :)

    • @marinakim2929
      @marinakim2929  3 ปีที่แล้ว

      @@adrianmantilla4211 yeah let me know) I’m curious and love solving issues hehe

  • @bizbarrett3133
    @bizbarrett3133 ปีที่แล้ว

    OMG... what I would give to work with you! Hopefully this will happen as I expand.

  • @dankeyote5873
    @dankeyote5873 3 ปีที่แล้ว

    thank you!!!
    simple and straight forward!!

  • @hsiang-yehhwang2625
    @hsiang-yehhwang2625 3 ปีที่แล้ว

    This tutorial is great! Thanks!

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

    THANK YOU YOU ARE AMAZING!!

  • @nicholas776
    @nicholas776 2 ปีที่แล้ว

    The data from the form gets saved under an entirely new collection in the db called "datas" and I have 0 idea why. Does anyone else have this issue?

  • @MasterDude2000
    @MasterDude2000 3 ปีที่แล้ว

    Is this 100% safe before I do it? Don’t wanna get hacked again :/

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

    hey can u tell me how to deploy this online and not locally , on github , or anyother free website??? please

  • @schriertom
    @schriertom 3 ปีที่แล้ว

    Thank you, this helped me with my assignment

  • @thotamohanreddy7206
    @thotamohanreddy7206 ปีที่แล้ว

    Yeah you explained perfectly for one form but how to do if multiple pages are there and multiple collections we need to fill from that...how to do that please make a video on that...

  • @deeyadoshi4673
    @deeyadoshi4673 3 ปีที่แล้ว +1

    I am facing an issue wherein the data in the HTML form is not being reflected in the database. Could you please advice me?

    • @marinakim2929
      @marinakim2929  3 ปีที่แล้ว

      I would like to) can you share your code?

    • @deeyadoshi4673
      @deeyadoshi4673 3 ปีที่แล้ว

      @@marinakim2929 the code is same as yours but in the command prompt, it says :
      server is working
      (node:9432) DeprecationWarning: current Server Discovery and Monitoring engine is deprecated, and will be removed in a future version. To use the new Server Discover and Monitoring engine, pass option { useUnifiedTopology: true } to the MongoClient constructor.
      (Use `node --trace-deprecation ...` to show where the warning was created)
      (node:9432) UnhandledPromiseRejectionWarning: MongoNetworkError: failed to connect to server [cluster0-shard-00-02.dtvk4.mongodb.net:27017] on first connect [MongoError: bad auth : Authentication failed.
      ...etc... followed by:
      (node:9432) UnhandledPromiseRejectionWarning: Unhandled promise rejection. This error originated either by throwing inside of an async function without a catch block, or by rejecting a promise which was not handled with .catch(). To terminate the node process on unhandled promise rejection, use the CLI flag `--unhandled-rejections=strict` (see nodejs.org/api/cli.html#cli_unhandled_rejections_mode). (rejection id: 1)
      (node:9432) [DEP0018] DeprecationWarning: Unhandled promise rejections are deprecated. In the future, promise rejections that are not handled will terminate the Node.js process with a non-zero exit code.

    • @marinakim2929
      @marinakim2929  3 ปีที่แล้ว

      @@deeyadoshi4673 Hey, I will look into this today and reply :) I think it has something to do with catching errors.. let's see, as in the past you could do a promise without catching errors, but now i guess you cannot.. So I will get back to you soon! Thanks so much for raising this question

    • @marinakim2929
      @marinakim2929  3 ปีที่แล้ว

      @@deeyadoshi4673 Hi again! I tried again but everything seems to work fine with the code. I think your issue is with MongoDB Atlas log in.. Maybe you types incorrect password to your MongoDB Database Admin account?

    • @deeyadoshi4673
      @deeyadoshi4673 3 ปีที่แล้ว +1

      @@marinakim2929 Hi ! It works now. Thank you so much for assisting me.

  • @randomtrader5955
    @randomtrader5955 2 ปีที่แล้ว

    Thanks a lot!. finally I find a way .

  • @vladko9623
    @vladko9623 3 ปีที่แล้ว

    You saved me. Thank you, Marina) Best wishes from Ukraine)

    • @marinakim2929
      @marinakim2929  3 ปีที่แล้ว +1

      Thanks Vlad, love Ukraine. Cheers from kz 😬😄