Project Setup - Node.js/Express/MongoDB Course #1

In this video we will be setting up the base of our project by:
1. Setting up Express
2. Hooking up MongoDB
3. Setting up local ENV variables
4. Creating a base layout HTML file
5. Setting up our MVC folder structure
MongoDB Atlas:
mbsy.co/mongodb/46535922.
How To Install Node.js:
• Your First Node.js Web...
How To Install MongoDB:
• How To Install MongoDB...
Learn Git In 20 Minutes:
• Learn Git in 20 Minutes
Code For This Video:
github.com/WebDevSimplified/M...
Previous Video:
• MVC Explained in 4 Min...
Next Video:
• Author's Index/Create/...
Playlist:
• Full Stack Web Develop...
Twitter:
/ devsimplified
GitHub:
github.com/WebDevSimplified
CodePen:
codepen.io/WebDevSimplified
#Node.js #FullStack #MongoDB

[@AhSoh7091]

to those error src.toString().split(NEWLINE).forEach(function (line, idx) { ^ TypeError: Cannot read property 'toString' of undefined try it require('dotenv').config(); this works for me ...

[@WebDevSimplified]

Thanks for posting this fix.

[@ih4722]

Thanks worked with me as well.

[@kmparkhu]

Thanks, this worked for me too.

[@jasonmckay2769]

Thanks mate! Worked like a charm.

[@jasonmckay2769]

if (process.env.NODE_ENV !== 'production') { require('dotenv').config(); } place that at the top of your server.js

[@brianwkinyua]

Awesome series! I love that you explain in detail why you are doing what you are doing in every step, including explaining the errors you will get by not taking the step correctly. Many people do not do that. Thank you for doing that.

[@mr.webdev3700]

OH YEAHHH! Who else is pumped for this series? 🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥

[@WebDevSimplified]

I know I am!

[@aayushbisen89]

I am!

[@chrisjasonmcqueen]

such an epic video!!

[@sicfxmusic]

I'm late but YEAAAAASSSS I AM!!

[@humans-are-shite]

You described in 30 minutes what my professor couldn't clear describe in 3 weeks! Awesome!

[@Herculesprods]

That's why the professor didn't have a real job with a suitable salary.💸 Real teachers🧑‍🏫are people that are competent in the field they're trying to teach and had real experience & knowledge in it. The solution to this worldwide🗺problem is to teach all the needed knowledge by yourself. 💪Use the power of the internet.

[@alice13eth]

Better than Meta explained it

[@agnieszkalewandowska9896]

Learning to build websites has never been so much easy and fun. Thank you, Kyle! :D

[@gello95]

Just came from the videos on how the backend works, what is REST, & MVC explained. I’m loving how well put these explanations are!

[@mcvgs1780]

I came from Laravel so all the MVC stuff was easy to understand and now I'm starting to learn web development in node. Thanks Kyle

[@rifatsalmanabir3352]

Just wow. Amazing amazing amazing! You simply explain complex things. Eagerly waited for the entire series including session, cookies, authentication, server side and client side validation on Express.

[@WebDevSimplified]

I hope you enjoy the rest!

[@JUnderwoodViolin]

I feel like I could watch this video 50 times over and just keep learning something new, amazing job, Kyle!

[@WebDevSimplified]

Thank you!

[@ricardomlourenco]

Thank you very much dude! Instead of going to the tutorial hell, I'm learning nodejs with your pragmatic and very well explained courses! Thank you!

[@thedevbek]

@Kyle you are the GOAT of dev education. I don't know how you do it but you put everything so clearly together. I even understand Express now as well because of another on of your videos. I would love your javascript , but I'm a broke student...But I loved your Learn CSS course. Thanks for all the great content!!

[@theDarweesh]

Great work mate #WDS, Keep it up If you're facing an error with dotenv at 16:40, change require('dotenv').load() to require('dotenv').config()

[@allaouaboudriou2527]

thank u very much man

[@tamlongnguyen6604]

thank so so much

[@Dnavashen]

thanks a lot!!!

[@gogutans]

thank you!

[@thevanted99]

thanks man, helped a lot

[@o1techacademy]

You finished me with this awesome video. I have to re watch it again and again until I absolve all of its value.

[@possibleneat5026]

The world need more people like you, im decided to be like you someday teachinh others for better wordl

[@WebDevSimplified]

Thank you! That really means a lot to me. I am sure that you will be an amazing teacher one day!

[@BluePhoenixGames1]

Really well put together! It's nice with a series too that combine several technologies into a more complete project

[@WebDevSimplified]

Thanks! I am glad you are enjoying it.

[@DevCops]

Just another Error Correction for everyone, the .load() has been removed from dotenv , rather .config() has replaced it.

[@yellemonster]

You just saved me! Thank you

[@rogercolque]

thks u save me minutes

[@deepak10995]

really bro...i've been searching for this since 2 hrs...trying to remove the error...thanks alot bro

[@hanmyzone]

@@deepak10995 Thank you!

[@youssefabdullah3187]

oh Thanks from 2021

[@Loys2020]

Awesome video, bro! You go straight to the point. Very clean code and minimal code to deploy the application, it's a really good first video tutorial! Thank you a lot.

[@LucasErkana]

Kyle your the GOAT. Absolutely amazing and well detailed.

[@dotanmezushan6320]

At server.js I had to add if (process.env.NODE_ENV !== 'production') { require('dotenv').config(); } rather if (process.env.NODE_ENV !== 'production') { require('dotenv').load() } now I'm connected to mongoose and get "Connected to Mongoose" Thanks Kyle you are my best teacher !

[@lfumeto2269]

[@memmudmemmed3022]

I know it's 2yrs late, but that worked for me

[@johnobrienguitar]

thank you, this was very helpful

[@aniruddha414]

Thank you so much. I've been learning a lot throught your videos. Also the free options for hosting are a great bonus. Really appreciate all your content. Thank you again!

[@shivanigaddagimath2143]

Hello Aniruddha! Are you a 2021-passout and looking for job opportunities in web development currently?

[@marekbeck9012]

One of my favorite moments in the videos is when I spot an error and I'm waiting to see you get stuck and frustrated (like I always do), but then you casually fix it in 2 seconds :D

[@dottorcosmic]

Learned more with you in 5 mins than in a week with everyone else

[@navdeeppaliwal3292]

Very straight forward tutorials nothing timepass must recommended.

[@o1techacademy]

Thank you very much Kyle. You tutorials keep making me a better developer.

[@randolphschreiner4479]

Learned tons, still relevant, and operational in 2021.

[@DavidCervantes.]

Incredible course! Greetings from Argentina.

[@baraal-jawarneh3852]

You have the best way to explain each step, keep going 💜

[@sauravkumarsonu829]

I have been a great fear about full stack development and you just made it's so easy 🙏🙏🙏

[@shivanigaddagimath2143]

Hey Saurav! Are you a fresher in web development and open to job opportunities in full-stack development?

[@aristotleanderson930]

Ty for making web dev simple!

[@angiedale3647]

simply amazed of the simplicity and your explanation

[@WebDevSimplified]

Thank you! I am really glad I could help.

[@CL-ki7se]

thanks big time man. really straightforward explaination and I actually learned something.

[@vijayraghunathkm197]

Following you for the past month.. wat a mannnnn you are.. HATS OFF

[@shivanigaddagimath2143]

Hey Vijay! Are you a 2021-graduate? Would you be interested in exploring job opportunities in web development currently?

[@stachowi]

amazing tutorial, great job explaining the details. Just subbed!

[@WebDevSimplified]

Thank you!

[@Sammorris207]

thanks kyle for these videos!

[@rushabhnaik6806]

Too good man!!..Simply amazing Understood each and every step!

[@shivanigaddagimath2143]

Hey Rushabh! Have you completed many tutorials in web dev such as this one? Are you a 2021-passout and open to job opportunities in web development currently?

[@parasarora5869]

amazing video. I really like how you define the production part. That really clears the confusion when it comes to deployment. Thank you very much 😃

[@WebDevSimplified]

I'm glad you enjoyed it. I know when I was first learning web development the process of deployment and what to do for production really confused me, so I wanted to cover these topics at the very beginning of the project.

[@parasarora5869]

@@WebDevSimplified same problem i am facing but thanks to you i am more confident 😄

[@Javascript1]

GENIUS!! thank for this video

[@stevendornan7979]

Amazing tutorial, very clear at explaining things. I Just subbed!

[@WebDevSimplified]

Thank you!

[@robertpainter9820]

Thanks for this. Just followed this all the way through and it's still applicable bar a few small changes that were fairly easy to remedy. I see the require('dotenv').config() is in the comments already. The mongo db atlas set up has changed ... it asked for an IP address but you can put 0.0.0.0/0 and create a cluster. Then when you connect you get the "connect to app" box shown in the video from which you can grab the connection string.

[@praff5308]

Big fan of your content WDS :thumbsup: Keep it up!

[@johnparungao1354]

First video watched, instant sub :D

[@SR-we1vl]

Absolutely Great!

[@shivanigaddagimath2143]

Hey Saurav! Are you a 2021-passout and open to job opportunities in web development currently?

[@jamesboone4474]

for anyone doing this getting an error with "git push heroku master" "error: src refspec master does not match any error: failed to push some refs to" you need to change the command to "git push heroku main"

[@theenlightened5786]

Thank you my friend.

[@hootmx198]

^ This will fix it. Github changed the primary branch name from master to main recently so that is why.

[@dwayneneckles]

Thank you James.

[@kritmok1875]

Thanks a lot!

[@mys8091]

OMG i love you

[@tphantom581]

That's great Kyle!, Thank you! For those who gets error with 'dotenv' dependencies from heroku --tail. Try to move "dotenv" from "devDependencies" into "dependencies" in package.json.

[@emilheg8673]

Thank you - This worked for me!

[@brianmcgaw5275]

Same! Thanks for the tip

[@alaindimabuyo]

these are the types of videos that i want to watch

[@WebDevSimplified]

I'm glad you enjoyed it.

[@mykalimba]

I just realized that you sound a bit like Jared in HBO's Silicon Valley, as if he took on the role of coding, like Dinesh and Gilfoyle. I can't unhear it!

[@DevCops]

Mann I just know one thing You're super Awesome!!!!!

[@WebDevSimplified]

Thanks!

[@MAALTECH]

Got it working. had to add .config() as suggested but also had to grant the proper permissions on installation then received the generated URL from compass. Thank you. Ensure Proper Permissions if compass not generate code under local (left sidebar). Upate .env file DATABASE_URL= PATH_TO_MONGO_COMPASS_GENERATED_CODE.

[@devrxt10]

Simply Great

[@beedleChompz44]

supremely helpful

[@resolutionAgha]

great and simple, thank you so much

[@WebDevSimplified]

You're welcome!

[@anjofamini5697]

amazing! thanks men

[@mahendrakergaurav7760]

Thanks, you helped a lot

[@balloney2175]

I've done heroku years back then I forgot... wasted skill. Many thanks for your video. I envy your so cool hair.

[@houssemkhi5036]

very useful thank u so much dude

[@efisirify]

Hey Kyle. Thank you so much for this great tutorial. Is ejs is solving the same issues the font end framework (react, angular, etc) solve ? Do you have a full stack tutorial corporate node.js with react for the front? Thanks!

[@ArmanKhan-bz7vu]

You're Best :)

[@ebrahemluhar4999]

Nice one!

[@WebDevSimplified]

Thanks!

[@dhruvikbarvaliya2507]

Very nice 👍👍

[@brightfuture2174]

We need tutorial like this like water

[@maskman4821]

awesome !!!

[@WebDevSimplified]

Thanks!

[@aubz9924]

For those for whom the `require('dotenv').parse()` related error persists despite changing it to `require('dotenv').config()`, try deleting your .env file and creating it again - this worked for me.

[@miralpankhania3983]

It also worked for me!!!! Almost tried everything and at last tried this solution and it actually worked. Thank you so much. however i did not understand the reason.

[@w0zz0r]

Thank you so much! Do you know why this works?

[@kaustubhdubey2809]

Thanks man really appreciated it!!!!

[@MHY-bu1hy]

just a small note in this fantastic lecture! I think it is in Feb 2024 require('dotenv').config() instead of .load() or .parse() at timestamp 16:35

[@yukinoshitayukino9185]

tysm

[@manishverma5261]

Hello Kyle, please can you do a nodejs chat server for real-time chat. You explain things in such a easier way.... respect

[@WrestlingTournamentsDotCom]

I have been able to follow along with you, but I don't really understand it. Is this a good way to learn? Will it eventually start to make sense?

[@Heading370]

How can I do some exceptions for the ejs-layouts? To either use another layout file or to just render a html file?

[@adarmaori9853]

Do you recommend using this folder as a boilerplate server for every website? I'm trying to think about why not but you'd probably know

[@leg3ndtariq]

I have a question, at 8:15 you are writing : 🔰 app.use('/', indexRouter ); what is this slash purpose here ? We already said in the index file in router folder that if any request comes from / folder then send "Hello world". 🔰 then why do we need to write again "/" in app.use method.. what is it actually doing here ?

[@surfinbird71]

Those last 3 minutes :O

[@mmughal]

Thank you for the videos what do you use to record your videos?

[@WebDevSimplified]

I use OBS to do the screen capture.

[@fernandomontesnavarrete8826]

Thank you.

[@WebDevSimplified]

You're welcome!

[@leeyahav4754]

you are amazing

[@JoshuaWhitney]

Hey man this is an awesome video! Thank you! I seem to be having an issue with the express-layouts part. It won't render the main layout.ejs only the index.ejs. Going off the express layouts docs I even tried specifying a specific layout to use with no luck. My file structure and setup is identical to yours. Any ideas? I don't know what I'm missing.

[@v.michaelangelopaster943]

I'm also having problem with this. Does any can solve this?

[@lubkajarken3386]

@@v.michaelangelopaster943 You need to download extension EJS language support

[@tag_of_frank]

Can you explain why we use the body variable at 11:15 where is body variable defined in expressLayouts? Because if we are sending like json we would put the json variable name but body is not explicitly defined anywhere

[@biblioteca.antarctica]

I need this project but with MySQL.......can you help ?????

[@Ulyzses]

Might sound like a stupid question but how do you already have Github in the Explorer upon start up of VSC?

[@NTY0101]

Your content and coding style looks like traversy media

[@brecoldyls]

These videos are awesome! I have one question though, my tags don't autoclose like yours seem to do. How did you get that to work? Thank you!

[@electrotsmishar]

He used an extension in vscode called "EJS Language Support"

[@mdzikrullah9575]

After pasting the password its still showing Application error for me..Please someone help me

[@cj-lc4vk]

Why does heroku still showing error even though i connected it to mongodb atlas? Please help

[@mel7im19911]

Would you please recommend a good resource to learn express and mangodb deeply like books,..

[@liondeluxe3834]

Am I the only one that feels like learning Node.js with the main modules feels like learning a new language

[@danielxie4636]

Why no need to configue the mongodb atlas now? after I push the main to heroku, everything works well for me, the app can be accessed with no errors?

[@badass6300]

Is there a similar channel but about C#? I'm primarily learning C#, but I had to learn JS as well, but I'm going back to C# soon and I was wondering as it would be great help.

[@WrestlingTournamentsDotCom]

Read the comments for help!

[@leahj6214]

Enjoying this course so far--really helping to clear some things up for me. Just out of curiosity--is there a reason you're using EJS over Handlebars? I'm in a boot camp and they're teaching us Handlebars so I was just wondering the difference/why you picked that one. Thanks!

[@WebDevSimplified]

I choose EJS since I think it is most similar to HTML so it would be most familiar to people that have never used a templating language before. You can use whichever language you prefer.

[@leahj6214]

@@WebDevSimplified Thanks for the clarification!

[@Orenrs]

16:46 - Not getting the console log of "Connected to Mongoose" - any advice?

[@isdamful]

Hey man just curious you are not using any semicolons, how did you setup your environment for this?

[@edgarasben]

How do you make so you have the project name in the terminal instead of project path?

[@Will-le8yj]

23:04 "and thats all it takes" LOL he explained in 23 mins but i took 2 hours even with his tutorial lmfao

[@Mila-andforwhat]

On minute 12:27, what combination of keys do you use to go back to bash?

[@spectreross3693]

bro you are so good. thanks for teaching us.

[@WebDevSimplified]

Thanks. I'm glad I could help.

[@spectreross3693]

@@WebDevSimplified im moving from laravel + mysql to node + mongo but im struggling with mongo because i dont know how to do relationships and joins.

[@WebDevSimplified]

@@spectreross3693 Mongo isn't really designed to do super intense relationships and joins. In this series we do cover how to setup a basic join relationship, but in general I prefer to use traditional relational databases such as MySQL when creating a project.

[@spectreross3693]

@@WebDevSimplified what is the best package for RDBMS? thank you. you explain things so well.

[@WebDevSimplified]

@@spectreross3693 Depends on what you are using. I would just do a google search since this stuff changes frequently.

[@thegr8ron283]

19:15 Why isn't there a public and models folder pushed to Git hub? Thank you in advance. Your videos are great!

[@goodwish1543]

Thanks for teaching. Is the "MongoDB Atlas:" link a spam link?

[@victoraul1]

Many thankyous for this video, interestingly my Heroku rendered the app page fine without having to connect to a database outside heroku, so I'm skipping the last minutes from the video, wonder if it happened to anyone else.

[@raphaellaport8620]

Hello! In 11:23, how inside our index.js when we put the res.render(index) understand that its getting from views/layouts/layouts.ejs ?

[@manishdixitsingh2628]

When I've used the if() to connect the mongodb it says error

[@ChimpDeamon]

Hello Kyle, at 20:57 where in your video you refreshed the page and it showed an error when I refreshed my own site it displayed the content fine, (without me adding the DTABASE_URL value in the Heroku setting). I don't know why. Does anyone know how to explain?

[@justepierre7330]

Very good as usual, however, I don't like using things I don't understand. What problem does express-ejs-layout solve ? How would we do without it ? I looked for info but couldn't find anything. Basically, what problem does it solve ? If anyone has any knowledge on the subject...thanks.

[@auxiliaryboxes]

Hi, my layout.ejs html boilerplate seems to generating tags around whatever text comes first in between the tags. This is causing unnecessary white spaces and annoying formatting problems on the rendered page. Any idea why this is happening? My layout.ejs looks exactly like yours.