How To Create A Hastebin Clone

[@WeberChang-i7c]

It's midnight in my country. But tbh, who cares about sleep when there's a new video from our king.

[@myrat_charyyev]

hi, are you from China?

[@WeberChang-i7c]

@@myrat_charyyev nope, I'm from Taiwan

[@vedantthombare1028]

Idk why this duck is so famous

[@mykalimba]

29:54 Keep in mind that none of this database code will work unless you have mongodb (i.e. the mongod daemon process) running on localhost. So if you're building this as your very first web dev project (or maybe you're an experienced dev but on a brand new machine) and you can't get mongoose to connect here, it might be because mongodb isn't running in the background.

[@Hydro_h-s3t]

That's exactly what happened to me. It's important to have in count

[@parikshitrawat8680]

Using atlas can help i guess. There's some initial headache but we can get started without having mongodb installed locally.

[@soulninjadev]

@@parikshitrawat8680 Will not recommend, installing mongodb locally is a breeze, also it makes your development faster

[@jgmercedes]

@@soulninjadev Facts

[@geekofia]

@@jashanbansal2613 Then you are a legend my boy!

[@TimYear8]

The next morning I wake up I see Kyle clone the entire Google.

[@AnasandAmmar]

Then KZbin

[@annapana9863]

Then Google Mail

[@CybercrRodeo]

I didn't know you have a youtube channel.....until you tweeted about this video.....as I wanted thanks a lot

[@fortylpstudios6844]

Me before clicking on a new Web Dev Simplified Tutorial: *installs nodemon*

[@shashankkr1008]

You are doing awesome work!!! I am currently learning mongoDB, hope to do this project soon. Thanks for this kyle❤

[@mdsameer9232]

Thanks, Kyle. I learn a lot from your videos. God bless you :)

[@rain3377]

Happy teacher's day....Guru ji 😊❤️

[@sumitmehra5119]

Oh geez finally the pr pr project I been looking for oh geez

[@MaxProgramming]

Yeah 🙂

[@eighteenthful]

Would be great to see a video on deploying such projetcs 🙏 Thank you for great tutorials Kyle!

[@DevMadeEasy]

Hey, Web Dev Simplified. Great Project and you make it look simple, so great content, as always!!! I just 💜loved it. Thanks for sharing it!🙏

[@ridl27]

ty Kyle. really like your clone-projects. so handy & useful

[@shankhadeepbiswas896]

You Rock Man. 💙🙏🏻💙

[@mykalimba]

1:40 The switch "-D" does the same thing as "--save-dev", so this can be typed as "npm i -D nodemon".

[@Spacey.]

is there any difference between "npm i -D nodemon" and "npm i nodemon -D" ? because ive seen both beeing used

[@johnaeronsencil8839]

@@Spacey. As far as I know, there is no difference between those two. You can always put the "-D" before or after the package you want to install.

[@basharath]

@@Spacey. -D is just a flag you can use anywhere after npm, like `npm -D i nodemon` even that works.

[@robertefremov9380]

what is the purpose of "-D" or "--save-dev" what happens if you don't use any of them?

[@mykalimba]

@@robertefremov9380 Hmm... if you don't use them, the packages are installed like normal packages. But if/when you do use the "-D/--save-dev" switch, the package is installed into your node-modules folder as normal, but are marked as "development-only" in the package.json file. if/when you deploy your project to some other server, and you use "npm install" to get things set up, the packages designated as "development-only" are not installed. Have a look at your package.json file before and after installing a package normally, and installing as a dev-only package. You should see a slight difference in where that package information is added to the package.json file.

[@codingkobra]

MVP most valuable programmer

[@kaynesheenan]

very good@ well done. I got a little lost later on though and have an error when I 'save' my page - it times out and then the app crashes. Any ideas?

[@kasunhasanga1595]

clear and simply explained 👍

[@yassin_eldeeb]

I noticed the vercel favicon at the top, hope you're enjoying Nextjs

[@amanmanojpreeti]

This just needs an Auto save with caching enabled for best results. Great project!

[@ahmedthebest]

This is very helpful

[@josephwong2832]

Kyle you are awesome at front end !!

[@eruptic6503]

When the clone is better than the actual site.

[@MaxProgramming]

Haha lol 😂. Also me and my friend built another clone a month ago (first full-stack project), would you like to check that out?

[@revylyv5348]

@@MaxProgramming sure ...would love to...♥️

[@MaxProgramming]

@@revylyv5348 I replied with the link but not sure if it will work

[@daveperry7179]

great stuff as usual

[@joachimheirbrant1559]

thank you so much you are a lifesaver!

[@orcave8802]

Can you please make a video on how to import libraries and how to use them in general to make your code easier !

[@redaawwad3544]

Thanks a lot 🎀

[@anshulsingh1265]

Well done

[@ahmedthebest]

Very wonderful

[@abereowoseyifunmi9607]

Hi Kyle you have been great mentor for me ... How wish your course is on Udemy... I have difficulties in understanding how API works please can you make a video on it thanks... Much love for you from Nigeria..

[@DhruvRanaJaat]

Very Nice 👍🏻

[@srikanthpeddinti2777]

Could you please make a video on using heroku postgres database instead of mongodb for a similar application

[@chetanjain4616]

Hey man, love your videos as a suggestion can you make a video or explain what is Cumulative Layout Shift (CLS) ?

[@A_Safayet]

Just Amazing

[@ahmedthebest]

You are great

[@QueeeeenZ]

Would you do a project using Vue?

[@jessekela165]

Superb

[@lovepreet-9440]

Please one video on end to end encryption

[@randerins]

Kyle should teach us how to clone his hairstyle

[@RajibGangulydesignerg]

I want to know in detail for full stack application with MEAN build and deployment.. please share

[@sandeeptottadi]

Kyle how to send an alert to user from express without refreshing?? Please

[@robertefremov9380]

One of the biggest mysteries in the world: Why are there dislikes on this video.

[@sanskaarpatni9137]

Amazing

[@Yash-fz7kw]

Will we have any React native video?

[@smaranh]

@WebDevSimplified, your React Hooks playlist is AWESOME but can you create a video about React hooks vs Redux? If you have already created a video about React State Management can you point me to it? If you haven't can you create a video explaining why Redux is not useful anymore with React hooks or if it is, in what way it might be? Thanks in advance.

[@GnomePuntTrainerYT]

Hey, React Hooks aren't really related to state management. It's just a simple way to manage local state, whereas Redux is a global management system. However there is a single React hook named useContext. That helps with assisting global state, but the difference is that it automatically passes props from a parent to all of it's children, grandchildren, grandgrandchildren, etc whereas Redux allows each individual node to tap into the management system without passing it through the entire tree.

[@MrLuckfinder]

Why not use 'gap' property for 'buttons' block?

[@t0mmy_3mad]

legend

[@softblood1941]

nice but if you used ReactJS or VueJS to build the frontend that would be better.

[@nabeelyousafpasha]

Respect from Pakistan 🇵🇰

[@blacktipe9922]

Can I somehow do this with React?

[@MaxProgramming]

Yep! You can create the backend same in express, and run it separately and don't use EJS. Use React for client and just send fetch requests to the express server

[@blacktipe9922]

@@MaxProgramming instead of they keyword in app.js "ejs", how do i have to call that? "jsx"? I would the proxy method work?

[@MaxProgramming]

@@blacktipe9922 nope, make it without ejs or anything else, build the server and routes as per instructions And then make requests from React app using fetch or axios.

[@blacktipe9922]

@@MaxProgramming I have no Idea how to do that with fetch lol, do you have any guide/tutorials for me to setup a project with a backend api connection? I have a basic expressjs server tho

[@MaxProgramming]

@@blacktipe9922 Simply follow the video fro backend, do you know about Fetch API in JavaScript?

[@reyontech]

Hi Kyle could you please take Mern stack shopping cart app.

[@damiangilz]

When will there be a tutorial that uses the Mongo driver, mongoose as cool as it is is a bad practice for production-grade apps.

[@nabsteve]

The project focuses on Express I guess. There are tutorials out there on the Local MongoDB Driver.

[@damiangilz]

@@nabsteve tutorials there are, but hardly with cool projects like this.

[@funshot4782]

Could you please upload this application on heroku ?? or anyone here who already uploaded this application, because I uploaded this on heroku save button not working properly....

[@sukantdwivedi4247]

Why it shows me "code is not defined" 🥺 from the starting

[@sagarsubedi]

You made this video so that people can build this but because you did not show any MongoDB configurations, it is useless for now, at least for the backend part. I worked all the way till here and now am stuck. I do have MongoDB installed locally but there is still something wrong because I am confused about whether to create a collection or a new database named Hastebin. Can you please put the MongoDB configuration in the comments section?

[@WebDevSimplified]

There is no extra config needed. The code in this video will automatically create the collection and database for you as long as you have MongoDB running.

[@alipasha7275]

Best

[@amindhahri2542]

Kyle why did I get a issue when i clicked on dublicate

[@lakshmichaitanya1316]

vscode clone with electron?

[@divinsmathew]

Who else thought Kyle misspelled Pastebin? 😅

[@funshot4782]

hey brother, thanku so much for the video, could you please deploy it??

[@fayasahamed5587]

Teach blog website with backend

[@CAKEBot_p]

anyone else getting no css on duplicate page?

[@realtalknoob2356]

Me too what have you done

[@NedumEze]

Hi, Kyle Am Adolf. I need a favor of you, please. Could you spare some time from your "crazy" schedule, and show me how to use the JS Plug-in video.js? If anyone can make it lucid, it will be you. Please consider. I believe it will be beneficial to your other Viewers apart from me.

[@feruzatamyradow5069]

Hi! next video please understand: How to create socket.io clone

[@yassin_eldeeb]

0:08, "perfect project for really understanding how the fullstack works", sorry but you missed something....It's the world's ugliest fullstack project P.S: I'm sorry didn't mean to offend, It's just a bad joke.

[@funshot4782]

Anyone here who deploy this application on heroku?? Please help

[@MaxProgramming]

I gotta tell you this man, I built my very first full stack project the same as this one. It'll be an honour if you check that out, can't share link until KZbin allows. Would love to get your feedback ❤️

[@JMRVRGS]

a mongoose

[@Arabian_Abomination]

11th

[@chilly2171]

oh god, another NoSQL tutorial.

[@QWERTy-xk8nk]

second :D

[@KoreanBronzeIV]

First

[@Uncaught_in_promise]

Please make more asynchronous / fetch / axios real-life projects.

[@ridl27]

bruh. ото ты гонишь.