Adding Lazy Loading Feature | MERN stack course Instagram #25

Adding Lazy Loading Feature | MERN stack course Instagram #25

In this tutorial, we'll dive into the world of lazy loading and demonstrate how to integrate this powerful feature into your MERN Insta Clone application. Lazy loading allows you to optimize the loading time of images, ensuring a smooth user experience and reducing unnecessary bandwidth consumption. Join us as we explore the step-by-step process of implementing lazy loading using React, Express, Node.js, and MongoDB. From setting up the necessary dependencies to modifying the front-end and back-end code, you'll gain valuable insights and practical knowledge to enhance your MERN stack projects. Watch now and unlock the secrets to effortless image loading with lazy loading in MERN Insta Clone!

MERN stands for MongoDB, Express.js, React.js and Node.js - and combined, these four technologies allow you to build amazing web applications. We'll need only JavaScript through out the course for working with these four technologies.

In this course we will be building FULLY FEATURED and RESPONSIVE INSTAGRAM website which is gonna be so awesome.

? Deployed Insta-clone :
https://real-cyan-shark-shoe.cyclic.app/

? GitHub Repo Link (Source Code) :
https://github.com/Abhisek730/hosted-insta.git

? Learn JavaScript regex :
https://youtu.be/7Y3dSq-Y2xY

? MERN stack playlist :
https://youtube.com/playlist?list=PLYus-ksaHul9TllX7V4NRFlSkA1IPWbhm

? Pre-requisites:
? Basics knowledge of React Js is mandatory.
? Previous parts of this course must be watched.

? Time Stamps :
⭐ 00:00 - Overview
⭐ 00:18 - What is lazy loading and why do we need it ?
⭐ 01:28- How to create lazy loading feature ?
⭐ 18:00 - recap of video

? Learn React js from scratch playlist :
https://youtube.com/playlist?list=PLYus-ksaHul8LaIFkXz61WY41l8D4oSsR

? Topics we'll cover in this course:
? Managing data with mongodb.
? creating server using node js and express js.
? All the feature of react.
? How to build backend APIs with Node.js & Express.
? Testing API using Postman or Thunderclient.
? JWT based authentication.
? Images upload using Cloudinary.
? Hashing passwords using Bcypt.
? Sending email using nodemailer.
? cors
? Deployment with Heroku

? Functionalities this Instagram clone will have :
? Sign in and Sign up
? Reset password if the user forgot the password
? Create, like, unlike, and comment post
? View the users who liked the post
? Delete the comment
? Delete the post
? View user profile
? View other users profile
? Follow users
? Edit the profile photo
? Delete the account
? Search users by their email
? User receives a welcome email after signing up
? User receives an email for resetting the password
? Responsive website
-----------------------------------------------------------------
Social Links :

Facebook : @cantacoder

Instagram : @cantacoder

Telegram :
https://t.me/cantacoder

#javascriptinhindi #expressjs #mongodb #mernstack #cantacoder #reactjs #instagramclone