I agree, this video is to project specific. No use into explaining only one road to the solution. I find the videos about "new things in javascript" or "how to write better/cleaner code" way more interesting and helpful in general.
Great video as always! But it will be even better if we could start seeing ES6 modules import/export syntax instead of the old require (maybe just mention it only when necessary). so the whole community can learn and move on with modern syntax.
Even though i think commonjs has good abilities like overriding require and using exports inside functions. import/export just feel like something new ( is which I appreciate too )
I really wanna know how to secure the mern stack. That'd be amazing. I love all your videos about pieces of the mern stack you've been doing they're so helpful👍❤🤗 thank you Kyle!
In ejs you can render html with data inside. Just a template lang like pug, hbs, etc.. React is more like express - it is mostly used for routing and rendering
I think this tutorial was for those who are learning JS who also desire to learn backend dev quickly. Him doing this in React or another framework would've required him to actively teach those viewers how to use said framework.
I notice you use `npm i` over `npm install`. Did you know you can use `-D` instead of `--save-dev`? `npm i -D nodemon` will save you a few keystrokes ;)
Gah! Deployed to Heroku with an 'ephemeral server,' the dyno will cycle and flush the 'uploads' folder regularly. Was trying to migrate from mysql2 to mongo to store the images in the DB instead of the image path... looks like S3 buckets is almost a must.. gah
Hey, dev I'm following your videos, and all are so amazing that I can't describe them in words. Just wanna say thank you so much and one last need your help can make an e-commerce website with frontend and backend in (mern) that will be good for us to )).
Should probably be a short about that, but it's quite simple: Make it as descriptive as possible, so that somebody who's ever seen the code before knows exactly what that symbol does.
The "file" constant here is a Mongoose Document, whose API provides an "id" property, which is a string representation of the regular mongodb ObjectId identifier _id.
Great tutorial! Learnt so many thing so quickly. However, I have some issues. I am at File upload server logic section, and when I click share btn it says _message: 'File validation failed'. Do you have any ideas what's that all about?
Thanks for this video sir, please can you make a video on how to auto delete documents in mongodb. Just like in WhatsApp status, using mongodb and express.
@@samuelhulme8347 You're right 100%. But I don't know why he started with , "You can send this to a friend". You can if you do a little bit more work that I haven't seen in the clip. Or did I miss something?
@@LeadEngineer The project as seen in the video is run in a local development environment, as explained in the setup portion of the video. When you run the project in a production environment, you would run it on a dedicated server with a constant IP-address/domain and optionally adjust the environment variables. In that case, the link would then be accessible by other people. But you are correct in that it wasn't explicitely shown in the video how to do that.
I love your videos. I subscribe and like. I hate that you don't use semicolons. Is there a reason you don't. Js is a c like language which means semicolons are necessary. Just because you don't actually use them, the browser puts them in for you. There are many bugs that can come from this and it is very hard to find them
But just to be sure. Semicolons are NOT optional in the JavaScript virtual machine inside the browser. I'm guessing v8. You are wrong v8 puts them in for you because you are lazy.
@@patrickgrady8213 its not only v8, every implementation of ecmascript have this set rules for automatic semicolon insertion. also its not because that people are lazy, but the asi rules is already pretty well thought that many people is confident that their code will not break. well yes semicolon is necessary in most C like languages but that because back then line terminator is needed so they can simplify the compiler, unlike when js was developed; it's goal was to be an accessible scripting language that everyone can easily learn. hell even some modern languages coding convention recommends you to *not* use semicolon whenever its possible, it's just up to you if you wanna use it or not :-)
I find it so disappointing that you absolutely do not respond to questions or hints/comments from the community But yeah, nearly 1 Mio. Subs prove you right
It's impressive how you can communicate and flow through that entire tutorial without any "umms" or choppy mental glitches. Very sharp!
I'd like to see more simple project like this. Especially React + Express combinations :)
You stole my comment. Lol. That'd be really helpful
Svelte aswell! Not much full stack content out there with sveltw
You should learn nextjs
yeah same, would be nice!
I agree, this video is to project specific. No use into explaining only one road to the solution.
I find the videos about "new things in javascript" or "how to write better/cleaner code" way more interesting and helpful in general.
Quick tip:
If you write *npm i -D * it is just to install dev dependencies.
Is there a file size limit?
Your tutorials are the most efficient and helpfull ones!! Thank you
Best demosntration of concepts
One of the best tutorial that I have ever watched! Thank you very much
As you said this is perfect... I was making a file sharing project... And now I have graduated... 😁😆
Thanks for this!
maaan i was just yesterday working on your 2019 video about jwt im so happy you had this video happen as well
Thank you (Web Dev Simplified) this helped me a lot
I saw this a week ago in our gh repo. Nice video
Wow Amazing and very helpful video,
Thanks web dev simplify,
Not surprised, you are so good as always!
Very simple project,
I like it,
Please keep going with this method,
Thank you very much.
Amazing as always
I love your coding concept
Thanks Kyle! Fully explained, super nice project.
yes! more backend stuff.
Great tutorial. Thanks so much.
Your project is amazing, I love it ♥️♥️♥️
Dude, like every video of yours, this is awesome. But hey, what's the rush? Jeeeeeeeeeeeeeeesus....You speed so much it's like you're on 1.5x
create a file compression app using this one, it would be good content
Amazing as always, 😊😊
If you encounter a mongoose uri error add these lines to your code const dotenv = require('dotenv');
dotenv.config({path : "./views/config.env"})
Can you please make a video to connect this to hosted mongodb database and create a shareable link to anyone instead of localhost 🙏
Thank you from syria❤
As cool as always, thanks for simplifying the web 😁😊😊
Kyle, why you didn't use imports instead of require? What version of nodejs you're using?
Keep going broo👍👍👍
Great video as always! But it will be even better if we could start seeing ES6 modules import/export syntax instead of the old require (maybe just mention it only when necessary). so the whole community can learn and move on with modern syntax.
Even though i think commonjs has good abilities like overriding require and using exports inside functions. import/export just feel like something new ( is which I appreciate too )
I really wanna know how to secure the mern stack. That'd be amazing. I love all your videos about pieces of the mern stack you've been doing they're so helpful👍❤🤗 thank you Kyle!
Really really like you toturial
Can you create a tutorial where you use the mern stack?
is there a reason to use ejs instead of react or normal html in the application ?
I think is just simplicity for the tutorial sake
In ejs you can render html with data inside. Just a template lang like pug, hbs, etc..
React is more like express - it is mostly used for routing and rendering
I think this tutorial was for those who are learning JS who also desire to learn backend dev quickly. Him doing this in React or another framework would've required him to actively teach those viewers how to use said framework.
That Kyle guy...he’s pretty good. He just might make it to 1 mil subscribers one day....🧐
Awesome!!!
Maybe dockerising everything would be even better so people don’t have to install mongodb and what not locally
That sounds complex for a beginner following the tutorial
Pls make video table add,delete selectable,sortable, column draggable using js
I have a question. What library is used for the public folder. You created a views folder since you using ejs.
very interesting, thanks!
Can you tell me about other windows also shrink when you resizing one window in this tutorial?
I notice you use `npm i` over `npm install`. Did you know you can use `-D` instead of `--save-dev`? `npm i -D nodemon` will save you a few keystrokes ;)
God! I’m loving this
Gah! Deployed to Heroku with an 'ephemeral server,' the dyno will cycle and flush the 'uploads' folder regularly. Was trying to migrate from mysql2 to mongo to store the images in the DB instead of the image path... looks like S3 buckets is almost a must.. gah
Hey, dev I'm following your videos, and all are so amazing that I can't describe them in words. Just wanna say thank you so much and one last need your help can make an e-commerce website with frontend and backend in (mern) that will be good for us to )).
how is this shortcut works in 6:43
You should definitely do a more in depth tutorial on multer and how to work with files in large applications
is it possible to host this project in heroku , I mean does herouku allows for file upload and download ???
That was so awesome! Thank you so much. Could you make more videos on MERN stack, maybe on GraphQL as well, please?
More backend engineering videos please
can you please make a video on giving better names to your classes,id,variables etc........
Should probably be a short about that, but it's quite simple:
Make it as descriptive as possible, so that somebody who's ever seen the code before knows exactly what that symbol does.
At 22:17 when mentioning the file id, isn't it supposed to be file._id and not simply file.id? Do both of those work regardless?
The "file" constant here is a Mongoose Document, whose API provides an "id" property, which is a string representation of the regular mongodb ObjectId identifier _id.
@@mykalimba Oh I see, that makes sense. Thanks for replying!
Please teach us how to host this also 😃
Great tutorial! Learnt so many thing so quickly. However, I have some issues. I am at File upload server logic section, and when I click share btn it says _message: 'File validation failed'. Do you have any ideas what's that all about?
First thank u very very mach for this lessons, second can u learn us about build simple audio book , all love❤
can we use react instead of ejs?
What would you recommend to use better SQL, or mongodb?
There is no better, only what is the right tool fir the right job
@@weshuiz1325 I want it for more of a social media up
Then SQL
Thanks for this video sir, please can you make a video on how to auto delete documents in mongodb. Just like in WhatsApp status, using mongodb and express.
If someone cancels the download, the download count should not increment, correct?
If this is deployed, will it work?
since we have locals.fileLink in the ejs files
Problem is that the friend won't have access to the localhost if you don't port it
That is the problem with every type of server
@@samuelhulme8347 You're right 100%. But I don't know why he started with , "You can send this to a friend". You can if you do a little bit more work that I haven't seen in the clip. Or did I miss something?
@@LeadEngineer The project as seen in the video is run in a local development environment, as explained in the setup portion of the video. When you run the project in a production environment, you would run it on a dedicated server with a constant IP-address/domain and optionally adjust the environment variables. In that case, the link would then be accessible by other people.
But you are correct in that it wasn't explicitely shown in the video how to do that.
I am getting an error for File.create it says cannot read properties of undefined (reading 'create' )
can we do it using mysql?
Can you make a video on customer support chat please
How would you handle giving users the ability to download multiple files into one folder then into their machine
How would I do this with sqLite instead of MongoDB
Does it work for any files?
Anyone can explain the why of the 2 methods get and post "file:id" please. I dont understand the thing about the form with the get and post :c
can we deploy this application on web somehow ?
why my download dialog box does not appear when i click on the download option
technically if we pass the url "/uploads/fillename" we should be able to retrieve it right?
No, because neither the uploads folder nor anything within it are exposed as endpoints in the express router.
@@mykalimba ah shit man how did I miss such a silly thing.........
Is it work with multiple file upload and accessing one among it?
Yes.
With multer you can can multiple uploads or just get a single file from multiple uploads.
@@sneak9407 But previously uploaded is replaced by current uploaded file.
can we show all uploaded in list or in table format?
Anyone know how to deploy this? I think the EJS makes it not a simple drag-drop into Netlify.
What about using FastAPI?
How do I avoid entire app crashing when I visit a file path that does not exist?
Bra please complete this project 🔥😩..... I'm failing to redirect pages, I want the link to be on it own page
With this, you're just one CDK Basics tutorial away from making modern, serverless, service-based cloud applications.
instead of doing something like if (file.password != null) just do if (file.password)
Love
This Project could be made with nextjs very well
Kyle, Kyle. (sigh) Thanks a bunch.
Hi Kyle, thanks for the content, always!
If you dont mind, can you share how to create web3 wallet like metamask? Thank you
+1
File.create Is giving me error, Can anyOne help??
First
I'd honestly just use something like PouchDB and have the database tirhgtly integrated into the app...
I love your videos. I subscribe and like. I hate that you don't use semicolons. Is there a reason you don't. Js is a c like language which means semicolons are necessary. Just because you don't actually use them, the browser puts them in for you. There are many bugs that can come from this and it is very hard to find them
Semi colons are optional
Also that is prettier extension which adds the semicolon
there will be no bugs if you know what you're doing
@@RedStone576 if I knew what I was doing why would I be watching this video. Thanks for your help
But just to be sure. Semicolons are NOT optional in the JavaScript virtual machine inside the browser. I'm guessing v8. You are wrong v8 puts them in for you because you are lazy.
@@patrickgrady8213 its not only v8, every implementation of ecmascript have this set rules for automatic semicolon insertion.
also its not because that people are lazy, but the asi rules is already pretty well thought that many people is confident that their code will not break.
well yes semicolon is necessary in most C like languages but that because back then line terminator is needed so they can simplify the compiler, unlike when js was developed; it's goal was to be an accessible scripting language that everyone can easily learn.
hell even some modern languages coding convention recommends you to *not* use semicolon whenever its possible, it's just up to you if you wanna use it or not :-)
🙂❤️
Second
20.24
FYI: Your code has been copied so many times, without the attribution your licence requires
I find it so disappointing that you absolutely do not respond to questions or hints/comments from the community
But yeah, nearly 1 Mio. Subs prove you right
I do respond to some comments but I get hundreds a day. I cannot keep up with and respond to them all. I try to read a lot of them though.
third
php is mum
0x0
Thank you for slowing the video. I didn't have to do it by myself❤💚🤎🤣