How To Create A Password Protected File Sharing Site With Node.js, MongoDB, and Express

  Рет қаралды 72,896

Web Dev Simplified

Web Dev Simplified

Күн бұрын

Пікірлер: 131
@Deccoyi
@Deccoyi 2 жыл бұрын
I'd like to see more simple project like this. Especially React + Express combinations :)
@samareshdas767
@samareshdas767 2 жыл бұрын
You stole my comment. Lol. That'd be really helpful
@social_hub4703
@social_hub4703 2 жыл бұрын
Svelte aswell! Not much full stack content out there with sveltw
@bluegam3r_975
@bluegam3r_975 2 жыл бұрын
You should learn nextjs
@reydez84
@reydez84 2 жыл бұрын
yeah same, would be nice!
@wimpie1990
@wimpie1990 2 жыл бұрын
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.
@anweshandev
@anweshandev 2 жыл бұрын
Quick tip: If you write *npm i -D * it is just to install dev dependencies.
@anweshandev
@anweshandev 2 жыл бұрын
As you said this is perfect... I was making a file sharing project... And now I have graduated... 😁😆
@maverick7291
@maverick7291 2 жыл бұрын
Is there a file size limit?
@jjfattz
@jjfattz 2 жыл бұрын
It's impressive how you can communicate and flow through that entire tutorial without any "umms" or choppy mental glitches. Very sharp!
@berk473
@berk473 2 жыл бұрын
Your tutorials are the most efficient and helpfull ones!! Thank you
@smeefer
@smeefer 2 жыл бұрын
Thanks for this!
@tarekghosn3648
@tarekghosn3648 2 жыл бұрын
maaan i was just yesterday working on your 2019 video about jwt im so happy you had this video happen as well
@tusharrai9762
@tusharrai9762 2 жыл бұрын
create a file compression app using this one, it would be good content
@muhammadtalha804
@muhammadtalha804 2 жыл бұрын
Best demosntration of concepts
@mattplaygamez
@mattplaygamez 2 жыл бұрын
I saw this a week ago in our gh repo. Nice video
@sailee5208
@sailee5208 2 жыл бұрын
Thanks Kyle! Fully explained, super nice project.
@bachbachir3998
@bachbachir3998 2 жыл бұрын
Very simple project, I like it, Please keep going with this method, Thank you very much.
@t.rinity.
@t.rinity. 2 жыл бұрын
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!
@Chris-qg6kc
@Chris-qg6kc 2 жыл бұрын
That Kyle guy...he’s pretty good. He just might make it to 1 mil subscribers one day....🧐
@thawyezaw5480
@thawyezaw5480 2 жыл бұрын
Not surprised, you are so good as always!
@mubarakmustapha1144
@mubarakmustapha1144 2 жыл бұрын
Your project is amazing, I love it ♥️♥️♥️
@sambathravi6580
@sambathravi6580 2 жыл бұрын
Pls make video table add,delete selectable,sortable, column draggable using js
@Elduque40
@Elduque40 2 жыл бұрын
Awesome!!! Maybe dockerising everything would be even better so people don’t have to install mongodb and what not locally
@neociber24
@neociber24 2 жыл бұрын
That sounds complex for a beginner following the tutorial
@paulthomas1052
@paulthomas1052 Жыл бұрын
Great tutorial. Thanks so much.
@suleimansuleiman6784
@suleimansuleiman6784 2 жыл бұрын
Thank you from syria❤
@ohskynyrdlynyrd
@ohskynyrdlynyrd 2 жыл бұрын
Amazing as always
@mihailodrinic4003
@mihailodrinic4003 2 жыл бұрын
Can you create a tutorial where you use the mern stack?
@topcoderfullstack
@topcoderfullstack 2 жыл бұрын
Really really like you toturial
@samadityajatar3539
@samadityajatar3539 2 жыл бұрын
If you encounter a mongoose uri error add these lines to your code const dotenv = require('dotenv'); dotenv.config({path : "./views/config.env"})
@MG-nn8dy
@MG-nn8dy Жыл бұрын
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
@gideonabel9014
@gideonabel9014 2 жыл бұрын
God! I’m loving this
@vinodvankar725
@vinodvankar725 2 жыл бұрын
Amazing as always, 😊😊
@shubhamparmar9555
@shubhamparmar9555 2 жыл бұрын
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 )).
@eminmuftic9927
@eminmuftic9927 2 жыл бұрын
You should definitely do a more in depth tutorial on multer and how to work with files in large applications
@sandipsaha4469
@sandipsaha4469 2 жыл бұрын
More backend engineering videos please
@alihamoud6863
@alihamoud6863 2 жыл бұрын
First thank u very very mach for this lessons, second can u learn us about build simple audio book , all love❤
@linmus2370
@linmus2370 2 жыл бұрын
That was so awesome! Thank you so much. Could you make more videos on MERN stack, maybe on GraphQL as well, please?
@srinivasjoshi4693
@srinivasjoshi4693 2 жыл бұрын
Please teach us how to host this also 😃
@ninjacodertech
@ninjacodertech 2 жыл бұрын
instead of doing something like if (file.password != null) just do if (file.password)
@septimusforster
@septimusforster 10 ай бұрын
Kyle, Kyle. (sigh) Thanks a bunch.
@andrewkarp
@andrewkarp 10 ай бұрын
How would you handle giving users the ability to download multiple files into one folder then into their machine
@anishsawant9790
@anishsawant9790 Жыл бұрын
I am getting an error for File.create it says cannot read properties of undefined (reading 'create' )
@LeadEngineer
@LeadEngineer 2 жыл бұрын
Problem is that the friend won't have access to the localhost if you don't port it
@samuelhulme8347
@samuelhulme8347 2 жыл бұрын
That is the problem with every type of server
@LeadEngineer
@LeadEngineer 2 жыл бұрын
​@@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?
@callmejd9665
@callmejd9665 2 жыл бұрын
@@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.
@Ryo21096
@Ryo21096 2 жыл бұрын
Can you tell me about other windows also shrink when you resizing one window in this tutorial?
@chaitanyagatreddi2670
@chaitanyagatreddi2670 6 ай бұрын
can we do it using mysql?
@parthapaul4306
@parthapaul4306 2 жыл бұрын
is it possible to host this project in heroku , I mean does herouku allows for file upload and download ???
@a.k.3531
@a.k.3531 Жыл бұрын
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?
@charanbhavisetti2194
@charanbhavisetti2194 10 ай бұрын
can we deploy this application on web somehow ?
@tigerwalkcommunications7426
@tigerwalkcommunications7426 2 жыл бұрын
Bra please complete this project 🔥😩..... I'm failing to redirect pages, I want the link to be on it own page
@ren5124
@ren5124 27 күн бұрын
Does it work for any files?
@butowski9689
@butowski9689 2 жыл бұрын
Can you make a video on customer support chat please
@morphman86
@morphman86 2 жыл бұрын
With this, you're just one CDK Basics tutorial away from making modern, serverless, service-based cloud applications.
@bluegam3r_975
@bluegam3r_975 2 жыл бұрын
This Project could be made with nextjs very well
@sanjeevmurmu6505
@sanjeevmurmu6505 2 жыл бұрын
why my download dialog box does not appear when i click on the download option
@misterl8129
@misterl8129 2 жыл бұрын
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
@bulldog2024
@bulldog2024 2 жыл бұрын
If someone cancels the download, the download count should not increment, correct?
@RawandFaraidun
@RawandFaraidun 2 жыл бұрын
how is this shortcut works in 6:43
@user-eg4nz8zu4r
@user-eg4nz8zu4r 2 жыл бұрын
How do I avoid entire app crashing when I visit a file path that does not exist?
@ezmn4gdas
@ezmn4gdas 2 жыл бұрын
How would I do this with sqLite instead of MongoDB
@mattoattacko
@mattoattacko 2 жыл бұрын
Anyone know how to deploy this? I think the EJS makes it not a simple drag-drop into Netlify.
@shapelessed
@shapelessed 2 жыл бұрын
I'd honestly just use something like PouchDB and have the database tirhgtly integrated into the app...
@dinethjayakody344
@dinethjayakody344 2 жыл бұрын
can we use react instead of ejs?
@chamith256
@chamith256 2 жыл бұрын
Thank you for slowing the video. I didn't have to do it by myself❤💚🤎🤣
@harshraj4161
@harshraj4161 2 жыл бұрын
File.create Is giving me error, Can anyOne help??
@akam9919
@akam9919 2 жыл бұрын
First
@programming8083
@programming8083 2 жыл бұрын
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?
@mykalimba
@mykalimba 2 жыл бұрын
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.
@programming8083
@programming8083 2 жыл бұрын
@@mykalimba Oh I see, that makes sense. Thanks for replying!
@anandhukraju8044
@anandhukraju8044 2 жыл бұрын
technically if we pass the url "/uploads/fillename" we should be able to retrieve it right?
@mykalimba
@mykalimba 2 жыл бұрын
No, because neither the uploads folder nor anything within it are exposed as endpoints in the express router.
@anandhukraju8044
@anandhukraju8044 2 жыл бұрын
@@mykalimba ah shit man how did I miss such a silly thing.........
@patrickgrady8213
@patrickgrady8213 2 жыл бұрын
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
@M9625Rahul
@M9625Rahul 2 жыл бұрын
Semi colons are optional Also that is prettier extension which adds the semicolon
@RedStone576
@RedStone576 2 жыл бұрын
there will be no bugs if you know what you're doing
@patrickgrady8213
@patrickgrady8213 2 жыл бұрын
@@RedStone576 if I knew what I was doing why would I be watching this video. Thanks for your help
@patrickgrady8213
@patrickgrady8213 2 жыл бұрын
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.
@RedStone576
@RedStone576 2 жыл бұрын
@@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 :-)
@manthanank
@manthanank 2 жыл бұрын
Is it work with multiple file upload and accessing one among it?
@sneak9407
@sneak9407 2 жыл бұрын
Yes. With multer you can can multiple uploads or just get a single file from multiple uploads.
@manthanank
@manthanank 2 жыл бұрын
@@sneak9407 But previously uploaded is replaced by current uploaded file.
@manthanank
@manthanank 2 жыл бұрын
can we show all uploaded in list or in table format?
@shawnyeo7086
@shawnyeo7086 2 жыл бұрын
20.24
@CrAzZyKiLleR01
@CrAzZyKiLleR01 2 жыл бұрын
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
@WebDevSimplified
@WebDevSimplified 2 жыл бұрын
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.
@kathithsahu1804
@kathithsahu1804 2 жыл бұрын
Second
@diwakar_tsn
@diwakar_tsn 2 жыл бұрын
🙂❤️
@r4rama
@r4rama 2 жыл бұрын
third
@AtomTCP
@AtomTCP 2 жыл бұрын
php is mum
@ritikdwivedi5983
@ritikdwivedi5983 2 жыл бұрын
0x0
@RafaelPerches
@RafaelPerches 2 жыл бұрын
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
@marvelBoy1909
@marvelBoy1909 2 жыл бұрын
Can you please make a video to connect this to hosted mongodb database and create a shareable link to anyone instead of localhost 🙏
@ryan_roga
@ryan_roga 2 жыл бұрын
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 ;)
@Bandit01
@Bandit01 2 жыл бұрын
can you please make a video on giving better names to your classes,id,variables etc........
@morphman86
@morphman86 2 жыл бұрын
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.
@panoscool_
@panoscool_ 2 жыл бұрын
Kyle, why you didn't use imports instead of require? What version of nodejs you're using?
@ronakmehta8106
@ronakmehta8106 2 жыл бұрын
is there a reason to use ejs instead of react or normal html in the application ?
@neociber24
@neociber24 2 жыл бұрын
I think is just simplicity for the tutorial sake
@GeronimOCZECH
@GeronimOCZECH 2 жыл бұрын
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
@MYNAMEISKLAY
@MYNAMEISKLAY 2 жыл бұрын
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.
@bryson2662
@bryson2662 2 жыл бұрын
yes! more backend stuff.
@mdhossen7082
@mdhossen7082 2 жыл бұрын
Wow Amazing and very helpful video, Thanks web dev simplify,
@happynewyearw
@happynewyearw 2 жыл бұрын
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.
@mohammadmahdifarnia5358
@mohammadmahdifarnia5358 2 жыл бұрын
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 )
@dilanbesong1877
@dilanbesong1877 2 жыл бұрын
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.
@shinobiplug6824
@shinobiplug6824 2 жыл бұрын
I have a question. What library is used for the public folder. You created a views folder since you using ejs.
@ghfranklin
@ghfranklin 2 жыл бұрын
If this is deployed, will it work? since we have locals.fileLink in the ejs files
@breenud39tv
@breenud39tv 2 жыл бұрын
What would you recommend to use better SQL, or mongodb?
@weshuiz1325
@weshuiz1325 2 жыл бұрын
There is no better, only what is the right tool fir the right job
@breenud39tv
@breenud39tv 2 жыл бұрын
@@weshuiz1325 I want it for more of a social media up
@M9625Rahul
@M9625Rahul 2 жыл бұрын
Then SQL
@spurdosparde843
@spurdosparde843 2 жыл бұрын
What about using FastAPI?
@wonghw
@wonghw 2 жыл бұрын
One of the best tutorial that I have ever watched! Thank you very much
@onuohagraphics4133
@onuohagraphics4133 2 жыл бұрын
As cool as always, thanks for simplifying the web 😁😊😊
@JoezihFreelancer
@JoezihFreelancer 2 жыл бұрын
I love your coding concept
@MiSt3300
@MiSt3300 2 жыл бұрын
very interesting, thanks!
@ccoedIT
@ccoedIT 2 жыл бұрын
Keep going broo👍👍👍
@Its_muhib
@Its_muhib 2 жыл бұрын
Love
@IyanSR
@IyanSR 2 жыл бұрын
Hi Kyle, thanks for the content, always! If you dont mind, can you share how to create web3 wallet like metamask? Thank you
@adityanayak01
@adityanayak01 2 жыл бұрын
+1
@luce9574
@luce9574 7 ай бұрын
Thank you (Web Dev Simplified) this helped me a lot
Why Signals Are Better Than React Hooks
16:30
Web Dev Simplified
Рет қаралды 478 М.
Learn Express JS In 35 Minutes
36:03
Web Dev Simplified
Рет қаралды 815 М.
Bike Vs Tricycle Fast Challenge
00:43
Russo
Рет қаралды 96 МЛН
Fake watermelon by Secret Vlog
00:16
Secret Vlog
Рет қаралды 16 МЛН
Being Competent With Coding Is More Fun
11:13
TheVimeagen
Рет қаралды 78 М.
How To Build A URL Shortener With Node.js, Express, and MongoDB
25:38
Web Dev Simplified
Рет қаралды 188 М.
Use these instead of vh
6:06
Kevin Powell
Рет қаралды 510 М.
Build an API Proxy Server - Hide Your API Keys, Rate Limiting & Caching
32:20
Mongoose Crash Course - Beginner Through Advanced
33:36
Web Dev Simplified
Рет қаралды 470 М.
Brutally honest advice for new .NET Web Developers
7:19
Ed Andersen
Рет қаралды 196 М.
Learn JSON in 10 Minutes
12:00
Web Dev Simplified
Рет қаралды 3,2 МЛН
Node.js Doesn’t Suck Anymore
16:59
Web Dev Simplified
Рет қаралды 111 М.