Get Data From MongoDB Atlas to HTML using EJS

Подписаться 7 тыс.

Просмотров 39 тыс.

50% 1

Merry Christmas my internet friends! :)
In this tutorial we are going to learn about EJS and how we can use it to get the data from MongoDB Atlas to HTML table.
Here is the link to my git repo:
github.com/mar...
For more, please:
Follow me on instagram: / marina_webdev
Visit my website which is under continuous improvement: musedesigns.te...
Shop for my programmers merch designs: teespring.com/...
Equipment used:
- MacBook Pro 2019 (amzn.to/31keIsC)
- iPhone 6s Plus (amzn.to/2FJdy1k)
- Phone holder with lamp (bit.ly/2Eju08g)
- Keepword Blogger microphone (bit.ly/3aP3mQB)
Software used:
- Viddyoze video making software (bit.ly/3l6wwPT)
- iMovie (video editing)
- Canva (RU-vid thumbnail)
- CloudApp (video recording)
Background music/Copyright: Wet Wet Wet - Love is All Around
See you in the next video!

Опубликовано:

6 сен 2024

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист

Посмотреть позже

Комментарии : 164

@xardass4209 3 года назад

Merry Christmas Marina🍀🌠🙏☃️.

@marinakim2929 3 года назад

Merry Christmas to you! 😃🥳

@TheArphan 3 года назад

Thank you, I was looking for 2 weeks, how to do that and now I'm able to continue my website!

@marinakim2929 3 года назад

And thank you for feedback)

@MohammadhoseinNoughabi Месяц назад

thank you marina. I did not see this tutorial in other youtube channels at all. thank you❤

@diwakarkirar5102 2 года назад

It's my first time on her channel and seriously the whole tutorial was so simple ,thanks for all your efforts😇😇

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

update on syntax in your server file : Movie.find().then((movies) => { res.render("index", { moviesList: movies }); ............... Reason being that mongo is no longer supporting callbacks but is instead using an async method hope this helps someone out there.

@ArisAris-fs1ip 2 года назад

It is a first time I watch a girl tutorial for coding.... And I understood at last how to pass mongo db data to html!!! Thank you!

@marinakim2929 2 года назад

Thank you so much for feedback 🥰

@SpookyAmbassador 2 года назад

Aww thats the cutest and most productive tutorial that i have seen recently😊

@hemantverma3685 2 года назад

Thankyou so much ma'am. Almost for one month I was stuck in this part while doing my project. You just saved me for wasting another week for this. Best explanation on how to get data from mongodb.

@marinakim2929 2 года назад

Omg thank you so much for the feedback)

@chizaramireh7537 2 года назад

This is literally the best video that explains a lot as regards ejs and mongodb, thanks a lot.

@marinakim2929 2 года назад

Thank you for the feedback 🥰👏

@aah4127 2 года назад

Im from Argentina, and i dont know much English, but i understand you, thats amaezing, and thank you!

@Pareshbpatel Год назад

Nice Tutorial on Ecpress, EJS and MongoDB with Mongoose. Very easy to follow. Thanks, Marina. {2023-08-20}

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

Thanks, Marina. Just what I needed!

@jacobloat8204 2 года назад

Great tutorial! Appreciate how simple and accessible you make difficult topics.

@marinakim2929 2 года назад

Thank you so much 🥰

@spaceenthusiast5696 3 года назад

You are great! KEEP GOING THIS STUFF!

@marinakim2929 3 года назад

Ah thanks so much 😃

@umbertopolanco4159 День назад

Awesome!! do you have an update video since the call back function on mongoose has been deprecated? Thanks!

@mithlesh72. Год назад

i got this error inthe end what i do ....MongooseError: Model.find() no longer accepts a callback

@GoldyAwad Год назад

Thank you so much, the easiest explanation for ejs out there!

@asibulislamabir9224 3 года назад

Tysm....I was stuck for this issue for the last 1 week....& I was trying to do it using 'axios' bt couldn't load my data in my ejs file....it was really helpful....thnq once again 💓❤️❤️

@marinakim2929 3 года назад

And thank you for feedback 🥰

@monat_son Год назад

Marina, thank you for these excelent tutorials!!

@tankionlinegamer126 Год назад

please make 1 auto data filling like technician service report form in html css js using mongodb data base with download option

@reshulw884 3 года назад

Really Helpful Thank You!!! Marina 🥂

@disgocases3114 3 года назад

This video was amazing, thank you for this Marina!

@sheshasaibabagujjari3481 3 года назад

This must be the only Tutorial where I laugh while learning. Thanks.

@marinakim2929 3 года назад

😂😂thanks to you too and sorry for such late reply

@digenmore5949 2 года назад

How to send data of ejs file to database?

@lukslt 2 года назад

OMG YOU SAVED MY LIFE THANK YOU

@Ganievs09 3 года назад

Thank you so much Marina! You saved my life...!!! 🥳🥳🥳

@bharathk8841 Год назад

Thanks for your work❤

@tahaben3354 2 года назад

thank u so much marina

@jaideepbanerjee616 2 года назад

:-) looking for this.. quite extensive for a new learner but very well explained. Thank you

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

Love from India ❤❤❤

@xcellentmotionz 2 года назад

How do i create a slideshow to display an array one after another from mongo db in my HTML?? Help

@editingtuto1.011 Год назад

how Can I retrieve data of multiple collection from same Databse in one ejs templet?

@deeprakholiya7583 2 года назад

in ejs forEach() function ,it shows error that movieList not defined.

@rafaelteixeira2562 2 года назад

Thanks, this tutorial helped me a lot!

@oahola237 3 года назад

Am I the only one that wants my keyboard to sound like this? Edit: This is really an excellent learning experience because you talk through the process naturally as you are doing it. I am just wondering what is the reason you needed to add "err"?

@marinakim2929 3 года назад

😂I also enjoy the keyboard sounds though some people complain.. About err I guess it was required as an argument and without it it wouldn’t recognize the other argument, but I have to rewatch the tutorial to remember better)

@hehexd7775 3 года назад

Hey Marina thank you so much for this tutorial. I am getting 1 error however, "throw er, unhandled error event" not sure how to solve this do you know how? Tysm

@hehexd7775 3 года назад

actually i figured it out, your tutorial is amazing thanks!

@marinakim2929 3 года назад

@@hehexd7775 hey) sorry for such late reply these past two months were craaazy)) I’m happy you solved it, I guess when you do a promise you need to catch an err, I just avoid it for simplicity)

@nurulabrar3561 2 года назад

Thanks, that what I was looking for

@Dyn0Official 2 года назад

This is really useful for my di.scord bot!

@ntigirishari 3 года назад

Thank you!!

@xpresscodespot6555 2 года назад

Great Job. Thanks!!!!!!!!!

@iGmng Год назад

Hello marina, Thank you and very helpful. But I ask permission to ask, I have done all the steps in your video, but when I try console.log(data.find()) it doesn't work, only 0 collection signal, how to solve it?

@Fheara_Nyakki Год назад

It's working and all ty (tho I made the schema code as a separate module) but is there a better way to do all this without need 4356436523 modules like express/ejs? I don't like to have a html file and a ejs file, whats the point of the html file if everything need to be done in the ejs mmh... Geez sometimes I think programming javascript is less messy than call a single variable from external file in html where need 20 bilions of files.

@visveshkhanna Год назад

Well, if we add some stuff in the db, will it get updated realtime?

@prasadmagi6302 Год назад

thank you so much for this video ❤❤❤❤❤❤❤❤❤❤❤❤

@ahmetucar2970 2 года назад

Thank youuuuuuu. You are awesome..

@meetkachhadiya5826 2 года назад

thank you,i want more videos

@vrajpatel1877 3 года назад

Thank You very Very Much Marina 🙏🙏🙏🤗

@xcellentmotionz 2 года назад

Hello Marina, i have another question, if you can point me to a different resources if you don't have the tutorial. here's the question/ problem. How do i perform a crud operation on the EJS page where my collections are displayed and have them update back to mongo db? I'll appreciate a quick response cos i have a deadline

@marinakim2929 2 года назад

When is your deadline?))))

@xcellentmotionz 2 года назад

@@marinakim2929 Tuesday.

@BigTime929 3 года назад

is it possible to create a project using mongodb as caching database, while mysql as the real database?

@marinakim2929 3 года назад

That’s a interesting question, let me research that

@TC-gv9fs 3 года назад

Can you do an app with front end react and backend mongoDb and connect them with authentication user please

@marinakim2929 3 года назад

Yes sure) will do

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

Amazing thank you alot

@SICSASHISHANAND 3 года назад

Thank you your tutorial is really helpful.

@ganeshponmalar..3168 Год назад

Thanks 🦋

@davidlazaro3143 3 года назад

Great video it helped me a lot =) Thx!

@marinakim2929 3 года назад

Thank you 😊

@bhargavsolanki6386 3 года назад

Thanks , love from India😍

@mertkandemir770 2 года назад

Thanks a lot, great explanation

@MrGupzzzz 3 года назад

Hi you video was very helpful but I am getting error 'forEach' as undefined, any recommendations do you give.

@marinakim2929 3 года назад

Hi) thank you!! It looks like you’re not passing the values to the EJS variable. It’d help me to look through your code)

@MrGupzzzz 3 года назад

@@marinakim2929 how to show you code?

@user-yi6no6ov1p 3 года назад

Thank you so much! 🙏 That's great!

@NiquestForever 3 года назад

Thanks for the video!

@rafaelac.1643 2 года назад

Thank you so much

@lellajagadeeswar596 2 года назад

thank you very much

@arjunsinghrajput412 Год назад

Thank you

@ashishmishra9915 3 года назад

Thanks Marina

@user-lk9co1dz7h Год назад

Не могли бы вы снять видео как отправлять дата в монго из формы,

@sabbu3791 3 года назад

Thank you so much for the tutorial! Soo helpful❤ can u also do a tutorial on how you can update the values in frontend, so that it reflects in the database.

@marinakim2929 3 года назад

Hi) thank you!! I have couple of tutorials on this where you post data from html to mongodb and from react front end to mongodb ☺️

@marinakim2929 3 года назад

Ah you mean update not create?) ok understood, will do!

@nguyentruongthuong2402 2 года назад

I love you so much !!!

@marinakim2929 2 года назад

😌😌thank you, Thuong Nguyen 😘

@parulsingh9895 3 года назад

Kuddos, again helped me

@kalyanking1080 3 года назад

Keep growing you're going to make 1 lack subscriber soon

@marinakim2929 3 года назад

Thanks and sorry I didn’t get your comment 😁

@kalyanking1080 3 года назад

@@marinakim2929 your videos are good far better than channel having 100k+ subscriber , that's what I am saying this channel is going to gain too much subscriber

@marinakim2929 3 года назад

@@kalyanking1080 ooooh thanks so much))) yes I will definitely continue and also improve.. buy a good camera, mic, learn new tricks in MERN 😋😋

@Osuran_Bogaa 2 года назад

Hello, i need help for my question. I want push data to array from promise (.then()) but i cant doing that Example: "" let newArray = [ ]; let mailForFindOne = req.session.mail; let numbers= [ ]; User.findOne({mailForFindOne}) .then((response) => { console.log(response); // result: [1,2,3,4,5,6] numbers.push(response); }) console.log(numbers) // result: [ ] "" Shouldn't "numbers" be "[1,2,3,4,5,6]"? why "numbers" doesnt have "[1,2,3,4,5,6]" ? help me please :(

@juguetestoys1137 2 года назад

Hi Marina! Great video as always. Do you know how to add a filter or a search in this app?

@aah4127 2 года назад

Ctrl + F

@letsF.N 3 года назад

i want to post data to mongo atlas, which is an object and it gives me an error, what should I do now? kindly guide

@letsF.N 3 года назад

I got this error Error: Objects are not valid as a React child (found: object with keys {value}). If you meant to render a collection of children, use an array instead.

@kingofkings790 Месяц назад

u r a fkin savior

@julies2430 3 года назад

Where did you get your shirt!!! I love it!

@marinakim2929 3 года назад

Hi) I designed it, it’s in my teespring store 😋thank you!!

@oliverreviews8496 3 года назад

Марина, добрый день, было бы круто если бы вы смогли освятить больше тему полнотекстового поиска, что это и как реализуется посредством движков в mongodb!

@marinakim2929 3 года назад

Отличная идея, спасибо) займусь

@maximivanchenkov3698 3 года назад

Мне кажется, когда ты говоришь про another tutorial надо ссылку сверху добавлять или сбоку, ну в общем как это бывает у всяких блоггеров. Я правда не знаю как это делается, но думаю не сложно ))))) Просто так ваще классно будет. Типа ты пальчиком вверх в правый угол показываешь и там появляется совет "перейти сюда" А так, как всегда классное видео!

@marinakim2929 3 года назад

Блин, точно) спасибо, попробую сегодня

@nalakabeligammana3365 3 года назад

This is great and thank you very much. But when I doing the example, I got the error like below, 3| 4| >> 5| 6| 7| 8| Cannot read property 'forEach' of undefined could you please help with this?

@marinakim2929 3 года назад

Yes I think you had the same issue as me, maybe try passing the error as a first argument in the server.js file

@nooralmoswy7347 2 года назад

please ms , how can the student enter him code and appear the certificate for him?

@marinakim2929 2 года назад

Hello) sorry i'm not sure i understood the question.

@nooralmoswy7347 2 года назад

@@marinakim2929 I have a project. When the student wants a graduation certificate, they just enters the code and a certificate will appear. I have not found a solution for this project yet

@n1ght_m1racle 3 года назад

Спасибо, очень помогли)

@kalyanking1080 3 года назад

Hey please make authentication video using nodejs using passport

@marinakim2929 3 года назад

Hi)) sure I will do. I have a video how to make Facebook authentication using passport

@patshalaaa 3 года назад

wao ammazing !

@Sunil_gora 3 года назад

How to store these in a table😥

@AlexSteinerDev 3 года назад

doesn't work for me

@coffeeismylife5863 2 года назад

Mam plz make a video of how to update and delete also plzzzzzzz

@marinakim2929 2 года назад

Suuure I’m already preparing it, will publish tomorrow🙂👏

@maximivanchenkov3698 3 года назад

И да, merry Christmas!!!

@marinakim2929 3 года назад

Merry Christmas 😁

@tworsfeline2302 Год назад

Wait, why did you show us your server password?

@markk1167 3 года назад

Hi Marina, I hope you are doing well. Your tutorials are great/very helpful. I need to do something similar to this but I don't want to return all the records from the collection. I would like to have fields on the EJS page where parameters will be passed to MongoDB to retrieve a single record and displayed on another EJS page. I also left an IG message for you on this topic.

@marinakim2929 3 года назад

Omg I’m so late with the reply, must have missed it or something.. your question is quite interesting and I added to my list of tutorials :)

@HuhSenpai 3 года назад

i keep having an undefined movieLIST

@amirabourogaa9621 3 года назад

hello thank you for the video its very helpfull but i am strugling with an issue wich is that the data is not showing on the browser without any error any solution for that please ?

@anthonrodrigues7869 3 года назад

I am facing the same bro

@anthonrodrigues7869 3 года назад

If you fixed it please tell me how

@ram.5802 3 года назад

u r dope!!!

@TheErudito 2 года назад

I love you

@xcellentmotionz 2 года назад

Thank you for this.. you are a life saver. i have one more question. how do i pass an aggregate function over to html. ( i want the total number of document to be seen in my html, and to update anytime a document is added. been on this for 2 days now...no show..can anyone please help? .

@marinakim2929 2 года назад

I’ll have a look into that) thanks for the feedback

@xcellentmotionz 2 года назад

@@marinakim2929 Thanks ... I appreciate...

@xcellentmotionz 2 года назад

@@marinakim2929 Hello Marina.. any luck with passing mongodb aggregate to ejs yet?

@marinakim2929 2 года назад

@@xcellentmotionz I think there’s a dab.collection.count() function that you can use to store the number of documents. You can pass it to ejs the same way as other variables 😌

@marinakim2929 2 года назад

@@xcellentmotionz then for the update try the onChange method on the form tag