MERN Stack Master Course - Building your own Instagram

Build Your own Instagram with React, Express, Node.js & MongoDB

4.20 (1309 reviews)
Udemy
platform
English
language
Web Development
category
instructor
102,030
students
10.5 hours
content
Apr 2022
last update
$59.99
regular price

What you will learn

Discount available use coupon DISCOUNT300

Building websites using MERN stack

Image Uploading

Creating APIs in Node js

Testing end points using postman

Context API for state managemant

JWT based authentication

Deploy to heroku

Sending Email using nodemailer & sendgrid

Forgot & Reset password

Description

MERN stands for MongoDB, Express.js, React.js and Node.js - and combined, these four technologies allow you to build amazing web applications

In this course we will be building FULL FLEDGED INSTAGRAM website and it will be a lots of fun as we building this together.

This course covers -

  • Building an backend API with Node.js & Express

  • Testing API using Postman

  • JWT based authentication

  • Image upload

  • Context API for state management

  • React Hooks

  • React Router hooks

  • Protecting routes or endpoints

  • Sending Emails

  • Forgot & Reset Password

This Instagram Clone project will have following features -

  1. Users can Post their pictures and share it with the world.

  2. User can see other user posts

  3. User can search other users

  4. Users can follow other user and they can see the post of user whom they follow on separate page

  5. User can unfollow other user

  6. User can Like and unlike Post

  7. User can comment on Post

  8. User can view his profile and others profile

  9. User an delete his or her post


What else you need ?. This course has almost all the features as actual instagram web application has.

what are you waiting for enroll in this course now and I will see you guys inside the course.


This course is NOT an introduction course to React & Node js. It is fully hands on course for building full stacks websites using MERN Stack

Content

Introduction

App Overview
Complete Code used in this course

Creating Node js API for Authentication

Hello world in node js
what are middleware in node js
setting up mongodb on atlas
Creating User Schema
getting data is request body
posting data to database
hashing passwords
Creating Signin route
using jwt
creating middleware to verify token

Node js API for posts

creating post schema and post route
View all posts route
Posts created by me route

Implementing Authentication, Posts, Profile page on client side using React js

Creating React project and adding Routing
Creating SignIn & Signup page UI
Profile page UI
Home Page UI
Create post page UI
User Signup by posting data
User Signin
Uploding Images to cloudinary
Saving token in localstorage & solving errors
Adding Context API
Changing Navigation links after Signin and Signout
Fetching posts and showing that on Home page
Implementing Logout
Showing details of logged in user in profile page

Like and Unlike Post

Node js API for like and unlike Post
Implementing like & unlike post on client side

Comments on post

Node js API for commenting on Post
Implementing comment in client side
delete post

Implementing profile page for other users

Node API to see profile page of other users
Implementing Profile page of other users on client side

Adding follow & unfollow user feature

Node API for follow and unfollow user
Implementing follow user in React
Solving issues and unfollow user
Updating follow unfollow of logged in user
Node js API to list the posts created by my following
See posts of my followings on client side

Adding profile pic & Deploy

Adding upload profile pic option while signup
Updating profile picture
saving update pic in database
Deploy to heroku

Screenshots

MERN Stack Master Course - Building your own Instagram - Screenshot_01MERN Stack Master Course - Building your own Instagram - Screenshot_02MERN Stack Master Course - Building your own Instagram - Screenshot_03MERN Stack Master Course - Building your own Instagram - Screenshot_04

Reviews

Anushka
September 28, 2023
I usually had difficulty grasping the logic being used in backend. This course has wonderful explanation unlike other online resources.
Arsalan
January 16, 2023
So many errors in the application. Very informal language used by the lecturer. Does not explain the reasoning behind usage of certain logic.
Chirag
July 22, 2022
The course was neatly arranged. The only thing that I would change is getting GitHub links for each section of the course rather than the lump sum code that we got. But nevertheless, thanks for Making it!
Zdravko
May 6, 2021
Great course, learned so much from it & will apply it in building real-world MERN Stack applications.
F
March 27, 2021
Excelent!!!!!, it would be very very helpfull if there could be some code transcription of the final code at the end of the video, since sometimes misstyping can break the app and all i can do is go over and over the videos and try to figure out where is the misstype, and its pretty exhausting and discouraging
Ahmed
March 22, 2021
Good Course but need intermediate developers with knowledge in react and nodejs. Instructor should give more details in topics before start coding
Vikash
June 25, 2020
It is awesome .i am watching and learning with very fun becuse it is very good video.i love it. thanks
Karun
June 22, 2020
Good course. It could be better if the solutions to how to add comments and other homework features are provided so learners could know the other way round of learning.
Raj
June 19, 2020
Many things are covered however advanced things are not explained it would be better if at least there were assignments and links given at the end of each lesson for the next video so that the concepts of the coming video would be known at least.
Nagaveda
June 13, 2020
It was an amazing journey.. learnt a lot from this course really... But prior knowledge of javascript, react, node js , mongodb and mongoose for easy understanding
Jems
May 28, 2020
The Course seems to be good overall. I can go deep into the technology. I suggest the tutor be more prepared and a commit in a repository as per the section is finished so that students could compare the code with through the repository. Thanks Jems
Manish
May 28, 2020
Good for learning the concept of the use of hooks in react. And the ignorable thing in whole lectures is little - little mistakes done by author. Overall app is good.
Vanessa
May 26, 2020
Bisher gut aufgebaut. Durch die kleinen Fehler auch 'lebensnah'. Tempo: recht flott erzählt, gut das es die Pause Taste gibt, so schnell kann ich nicht tippen ;-)
Adi
May 26, 2020
Besides the audio quality and some small errors, it's an awesome course. To be honest, how the instructor face and fix the small errors being matchless knowledge. Cause that's what we gonna do when we a real programmer meet some bugs, but sometimes it takes a long time for the instructor to fix it. But its ok, u still awesome for bringing this course.
Oluwatosin
May 24, 2020
A++ tutor. MERN stack course is a type of course that I have been looking for to learn MERN stack practically.

Coupons

DateDiscountStatus
4/11/2020100% OFF
expired
4/14/2020100% OFF
expired
4/18/2020100% OFF
expired
5/1/2020100% OFF
expired
5/15/2020100% OFF
expired
5/20/2020100% OFF
expired
6/4/2020100% OFF
expired
6/23/2020100% OFF
expired
7/5/2020100% OFF
expired
7/31/2020100% OFF
expired
10/23/2020100% OFF
expired
3/14/2021100% OFF
expired

Charts

Price

MERN Stack Master Course - Building your own Instagram - Price chart

Rating

MERN Stack Master Course - Building your own Instagram - Ratings chart

Enrollment distribution

MERN Stack Master Course - Building your own Instagram - Distribution chart

Related Topics

2962134
udemy ID
4/5/2020
course created date
4/11/2020
course indexed date
Lee Jia Cheng
course submited by