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/mongod....
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/Web...
Previous Video:
• MVC Explained in 4 Min...
Next Video:
• Author's Index/Create/...
Playlist:
• Full Stack Web Develop...
Twitter:
/ devsimplified
GitHub:
github.com/Web...
CodePen:
codepen.io/Web...
#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

[@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

[@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.

[@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!

[@alextheblockchaindev]

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!!

[@skillhustle1]

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!

[@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

[@dottorcosmic]

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

[@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

[@beksaylor]

@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!!

[@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!

[@LucasErkana]

Kyle your the GOAT. Absolutely amazing and well detailed.

[@agnieszkalewandowska9896]

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

[@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

[@o1techacademy]

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

[@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!

[@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?

[@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

[@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!!!!

[@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?

[@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

[@DevCops]

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

[@rogerccaqp]

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

[@duke_hammersmith_iii]

@@deepak10995 Thank you!

[@youssefabdullah3187]

oh Thanks from 2021

[@lazzyboii2573]

I was trying to fix it for a long time it helped me thanks!

[@balloney2175]

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

[@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.

[@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.

[@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.

[@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 😄

[@angiedale3647]

simply amazed of the simplicity and your explanation

[@WebDevSimplified]

Thank you! I am really glad I could help.

[@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

[@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?

[@randolphschreiner4479]

Learned tons, still relevant, and operational in 2021.

[@immortal7167]

For anyone facing issues with Heroku deployment, check the Error Log via the CLI using the following command ~ heroku logs --tail . Step 1 : Check Your DATABASE_URL, it would be correct but just be sure, Step 2 : Check your start script as Heroku runs in a production environment by default so it does not install the dev dependencies. make sure the following is the way your start script is setup. "scripts": { "start": "node server.js", "DevStart" : "nodemon server.js" } Step 3 : is the error log says something like 2020-12-04T08:35:25.386313+00:00 app[web.1]: throw err; 2020-12-04T08:35:25.386314+00:00 app[web.1]: ^ 2020-12-04T08:35:25.386314+00:00 app[web.1]: 2020-12-04T08:35:25.386314+00:00 app[web.1]: Error: Cannot find module 'mongoose' Just Copy these from devDependencies to dependencies in your package.json file. I made this comment in hopes to help you avoid the time it took me to debug this issue.

[@devviz]

very detailed solution, thanks man👌🏻

[@riyakumari8377]

can u tell what should be the DATABASE_URI is it from mongodb atlas url?

[@navdeeppaliwal3292]

Very straight forward tutorials nothing timepass must recommended.

[@o1techacademy]

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

[@DavidCervantes.]

Incredible course! Greetings from Argentina.

[@baraal-jawarneh3852]

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

[@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!

[@jamesboone1995]

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.

[@staybalancedn]

Thank you James.

[@kritmok1875]

Thanks a lot!

[@mys8091]

OMG i love you

[@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.

[@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?

[@dhruvikbarvaliya2507]

Very nice 👍👍

[@liondeluxe3834]

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

[@brightfuture2174]

We need tutorial like this like water

[@bountyhunter96]

It's impossible to start a Heroku App without credit card right?

[@Orenrs]

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

[@DevCops]

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

[@WebDevSimplified]

Thanks!

[@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 ?

[@johnparungao1354]

First video watched, instant sub :D

[@CL-ki7se]

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

[@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

[@Sammorris207]

thanks kyle for these videos!

[@aristotleanderson930]

Ty for making web dev simple!

[@WhileSilent]

Personal Use Initialize Server 0:00 - 5:30 Initialize Controller/Index/Route 5:30 - 9:30 Initialize View 9:30 - 12:00 Initialize Model/Database 12:00 - 16:52 Initialize Git/Version Control 16:52 - 19:13

[@JasonLayton]

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?

[@piyush4338]

For those who are unable to host on Heroku instead of following all the steps. Try moving dotenv to dependencies from dev dependencies by running the command --> npm install dotenv --save-prod Hopes this will help!!

[@shivanigaddagimath2143]

Hey Piyush! Thanks for the tip! Are you a 2021-passout and interested to explore job opportunities in web development currently ?

[@shristi9149]

Hi Piyush, I did as you've mentioned but it still doesn't work ... can you tell me why..?

[@riyakumari8377]

@@shristi9149 do u find any solution?

[@Javascript1]

GENIUS!! thank for this video

[@beedleChompz44]

supremely helpful

[@SR-we1vl]

Absolutely Great!

[@shivanigaddagimath2143]

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

[@praff5308]

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

[@overfloat.]

Why didn't you use google app engine?

[@EssensOrAccidens]

Word to others: I struggled for a long time to deploy this app to Heroku. Eventually I realized that no buildpack was in use. To find if you are in this situation, run: >heroku buildpacks To use the official buildpack, run: >heroku buildpacks:set heroku/nodejs Once I did this, the app worked as expected.

[@JustCoNa]

Thank you so much dude, could not figure out why it wasn't pushing for the life of me.

[@stevendornan7979]

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

[@WebDevSimplified]

Thank you!

[@shehzadkhan1001]

noob question here... 0:20 ... is it necessary to have those folders there (github and open editors)? how to get the github folder there?

[@devrxt10]

Simply Great

[@stachowi]

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

[@WebDevSimplified]

Thank you!

[@jornblaedelgarbosa8458]

Hello I'm getting this error in 11:27 I replayed everything followed everything but there is always this error Error: No default engine was specified and no extension was provided.

[@jornblaedelgarbosa8458]

Nevermind I found the cause and it was that I put 'view-engine' instead of 'view engine'

[@MrFiendyBob]

Error: No default engine was specified and no extension was provided. Getting this error and im very confused. Trying to make a login in page but data is stored in MongoDB

[@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?

[@prajwalm.s7976]

let lines = src.toString() ^ TypeError: Cannot read properties of undefined (reading 'toString') I am getting this error 16:45

[@idade7535]

since you are using MVC here , is route same as controller?

[@bimbabbli1360]

Im not in need for my app to be accesable on the internet, I just need to be able to run it to show my teacher it. Do i still need the heroku part or can i ignore it. Very helpfull series thx!

[@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

[@umaedu3097]

question: If i want to upload my site on a webhost provider do i still need the mongo db and git settings to be made? thank you in advance

[@cj-lc4vk]

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

[@SharkMochi]

How can I hook this up to vercel instead of heroku? Heroku is no longer free.

[@AnkurSingh-mk9rc]

If you are having error about connecting to mongoose then open window power shell(admin) , type mongod , and then save the code , it would work

[@shivanigaddagimath2143]

Hello Ankur! Are you a 2021-passout and looking out for full-time positions in web development?

[@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 ?

[@harunonur3371]

i am getting a problem here 11:20 Error: Failed to lookup view "index" in views directory "C:\Users\Casper\Desktop\GitHub/views" How can i fix it ?

[@surfinbird71]

Those last 3 minutes :O

[@ArmanKhan-bz7vu]

You're Best :)

[@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:30, trying to save after require('dotenv').parse(); and get an error - any advice?

[@FredWheezy]

someone please help me error (node:17640) [MONGODB DRIVER] Warning: useNewUrlParser is a deprecated option: useNewUrlParser has no effect since Node.js Driver version 4.0.0 and will be removed in the next major version (Use `node --trace-warnings ...` to show where the warning was created)

[@danielmamnev6836]

I am getting an Internal Server Error on my heroku app and I think it might have something to do with my mongodb. Everything works fine locally at this point but on heroku it does not. I think it may be because atlas cluster connection string is requiring a dbname and this video automatically shows the the dbname to be test. What should i do? I tried making the dbname 'test' in the connection string and it didnt help. Any help would be appreciated - thank you.

[@raosezar889]

??could you find any solution

[@davidschwartz2485]

Everything is great until i try to deploy to heroku. i keep getting "application error". i have gone over everything 3 times and built the database on cloud atlas (i also dont have the option to see a free tier). frustrated because everything else is working perfectly. its a great set of videos. any help would be great if possible

[@electrotsmishar]

actually you need to set the environment variables

[@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.

[@mahendrakergaurav7760]

Thanks, you helped a lot

[@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!

[@MonsterFishKeepersPH]

also why does my printer keep popping up when I log in to heroku on my CLI or if my terminal is expecting to open browser it opens the printer instead

[@NTY_17]

Your content and coding style looks like traversy media

[@houssemkhi5036]

very useful thank u so much dude

[@ebrahemluhar4999]

Nice one!

[@WebDevSimplified]

Thanks!

[@lloyd_jvr9152]

Error: 'The `uri` parameter to `openUri()` must be a string, got "undefined". Make sure the first parameter to `mongoose.connect()` or `mongoose.createConnection()` is a string.' Fix: require('dotenv').config({ path: '.env' })

[@houssemkhi5036]

i got the same error but even i ve replaced it the error still occuring what should i do

[@houssemkhi5036]

it hasn t been fixed for me

[@palaktiwari4376]

@@houssemkhi5036 in place of DATABASE_URL use mongodb://localhost/mybry

[@doplerfish]

make sure your .env file name is '.env' and not just 'env' (dot in the beginning)

[@Mila-andforwhat]

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

[@anjofamini5697]

amazing! thanks men

[@faszinationfliegen]

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

[@Ulyzses]

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

[@m.ahsani0076]

we can not see the commands that you write in terminal because of contrroler bar of youtube player