Multiple Image Uploader Using Node Express & MongoDB

In this video, we are going to learn how to create this beautiful node image uploader project using node express and MongoDB.

In this project, we're gonna upload images in the MongoDB database and display them on the template.

We gonna learn :

* We will learn how to work with MVC patterns to create large projects.
* We gonna see how to follow the programming principle.
* You will also understand how to work with the Handlebars template engine.
* How to store images in the MongoDB database. As well as we gonna store all the images in the upload folder of the server.
* You gonna learn how to make a backend API for this project. And you will learn a lot more than this.

I will explain each and every step to make you feel more comfortable.
So let me show you the demo of this project.

This is a beginner-friendly tutorial. So if you want to be a full stack developer this is the right tutorial for you.
Follow me to take a step ahead to be a full stack developer.

Checkpoints:-
Introduction: 00:00
Project Setup: 01:50
HTTP Server: 04:51
View Engine: 09:04
Template Design: 15:06
API: 27:46
Multer Module: 31:57
MongoDb Connection: 46:13
Schema: 55:25
Fetch Images: 01:13:17

GitHub Repo:

Comment us if you have any question or

👉 Support Me on Patreon 😊:

Udemy Courses:

👉 Follow us:

👉 Learn More From Our Website:-

More Videos:
**************************************************************************
📹 Complete Mobile Shopee E-Commerce Website Course - PHP & MySQL
**************************************************************************
📹 Complete Portfolio Website with Bootstrap - HTML/CSS
**************************************************************************
📹 Complete Responsive Blooger Website Using HTML/CSS
**************************************************************************
📹 Create a Shopping Cart Using PHP and Mysql
**************************************************************************
**************************************************************************
📹 Complete CRUD Operation with PHP MySql Database
**************************************************************************
**************************************************************************
📹 PHP Complete Registration & Login System Using MySQLi - Complete Guide
**************************************************************************
📹 Hosting WordPress Website with Free Hosting
**************************************************************************
📹 Bootstrap Grid System The Complete Guide - In Action
**************************************************************************

Node Tutorials:-
👉 What is Node? Node For Beginners - 01

👉 Installing Node Node For Beginners - 02

👉 How to use REPL? Node For Beginners - 03

👉 Node Script Execution - Node For Beginners - 04

👉 Working With Modules - Node For Beginners - 05

👉 What is NPM? - Node For Beginners - 06

👉NPM Script & Type of Packages - - Node For Beginners - 07

👉How To Use NPX In Node - Node For Beginners - 08

👉Package Versions & Uninstalling Packages - Node For Beginners - 09

👉 What is Event Loop - Node For Beginners - 10

👉 Understanding Callback Functions - Node For Beginners - 11

👉 Working with Promises - Node For Beginners - 12

👉 Asynchronous Code With Async & Await - Node For Beginners - 13

👉 How to Create HTTP Server In Node - Node For Beginners - 14

👉 Making HTTP Request - Node For Beginners - 15

👉 HTTP POST Request - Node For Beginners - 16

👉 Working With Files - Node For Beginners - 17

Attribution

If you have any question please comment me on my video or you can write it on channel discussion.

Thank You...! 🙏

[kimmoramicky]

Honestly this is a great course, I was almost giving up on where to find how to do this before I saw this course.. You're the best man!

[orangeshoes]

Two minutes into this video and I already know you must have been really good at explaining this. Love your delivery!

[RidwanurRahmanextreme]

You taught the whole thing so painstakingly, I loved the way you showed every tiny detail. You should make udemy courses or your own courses so that we could learn more. God bless you, sir.

[romanryaboshtan]

37:07 instead store = multer({ storage: storage }) you can write store = multer({ storage }); It's a truncated write form

[mrinalpramanick]

Sir there one Error : in 9:59 you have written hbs({....})so some typo error will be occurring that hbs is not a function. it should be hbs.engine

[tyland]

Thank you ! Great video. You are an excellent teacher !

[ameenschools]

am reaaly enjoying watching this tutorial. your code is really clean and your explanation is truly clear and crisp🙌🏻👏🏻🔥

[raj.rajput]

I really appreciate your work! Thank you so much, man!

[hondaxblade]

You're on fire 🔥
Love this project and created step by step 😍😍

[joaonascimento]

First one seeing this video. Love you channel! Thanks for uploading this helpful videos!

[anshuranjan]

Hi, Followed each step but my bootstrap card is not finding the image? Can you help out?

[shubhamtripathy]

Thanks for this video, it helps a lot.

[orangecode]

you did what i want!
thank you so much!!

[raymak]

sir this video was really good, but make the same tutorial for ejs instead of hbs.

[ialtoobi]

I love the way you teach, every thing clean and easy to understand.. Thanks a lot for your time and hard work to share your knowledge

[neroqa]

Thank you very good and meaningful video 😍😍

[Lalit_Namdev]

​ @Daily Tuition I am facing this error when I upload images to the database == ​ "err": "cannot create a new collection -- already using 504 collections of 500"

[BilalAhmed-twcr]

hi sir, i have a question the image should it be type String, coz am using data:buffer and its saying undefined on my image schema

[mila]

This is an amazing tutorial, thank you so much,
Can you please tell me why we changed the images into base64? Will it increase the database size? Or cause problems with the 16MB document limitation of mongoDB?

[hgsbrodi]

Hello Akshay, in the controller function ( exports.uploads), when you are trying to catch the empty upload, I think it doesnt work because an empty array evaluates to a truthy value. At least on my end it was not working and I had to check the length. Cheers