Mern Stack Social Media Application 2021 : React Redux Node

Build a full stack social media from scratch using React , Redux , Node , Mongo DB , Express JS

What you'll learn

Building complex applications with MERN Stack

Making the application scalable as data grows

Using state management tool redux for data managing in react

Hands on experience with actions , reducers , store

Creating complex database models

Working with different mongodb commands

Protected routes for pages in react

Making the applications responsive with bootstrap and antd

Requirements

Javascript Basics

React and Node Basics

Description

Hello ,Welcome to the course MERN Stack Social Media Application 2021This is a full stack social media application build using React as Front End , Redux as State management , Node JS as run time environment , Express JS as backend framework and Mongo Db as our database.This is course is absolutely not for beginners.Social media is a well known platform where a person can share his thoughts , feelings , emotions , achievements.And also people can interact to other people posts with likes , comments , shares etc.So we are going to implement all this features in this course.The topics / concepts covered in this course are  User AuthenticationUploading postsEditing postsDeleting postsPost Interactions and analyticsFollowers and Following ModulesPrivate and public accounts conceptLikes and un likesComments Infinite scrollUploading images to CloudinaryAdding and updating profile pictures and bio's.ANTD UI Framework for rich componetsDeployment to HEROKUReactReact is a free and open-source front-end JavaScript library for building user interfaces or UI components. It is maintained by Facebook and a community of individual developers and companies. React can be used as a base in the development of single-page or mobile applications.NodeNode.js is an open-source, cross-platform, back-end JavaScript runtime environment that runs on the V8 engine and executes JavaScript code outside a web browser.

Overview

Section 1: Introduction / Resourses

Lecture 1 Promo / source code

Section 2: Front End Setup

Lecture 2 React Setup with routing

Lecture 3 Adding layout

Lecture 4 Layout Part-1

Section 3: Node-Express-Mongo Setup

Lecture 5 Creating express server

Lecture 6 Connecting to mongo db

Section 4: User Authentication Backend

Lecture 7 User model

Lecture 8 Login / Register API

Section 5: User Authentication Front End

Lecture 9 Setup Redux

Lecture 10 Login Register UI

Lecture 11 Login Register Actions

Lecture 12 Designing Alerts , Loading , Error messages

Lecture 13 Protected Routes

Section 6: Adding new post

Lecture 14 Add post screen

Lecture 15 Cloudinary intro

Lecture 16 Post model

Lecture 17 Add post api

Lecture 18 Add post actions

Section 7: Designing Homepage

Lecture 19 Getting all posts

Lecture 20 Designing post component

Section 8: Like or Unlike Posts

Lecture 21 Like Unlike APi

Lecture 22 Like Unlike UI

Section 9: Comments in posts

Lecture 23 Add comments actions and API

Lecture 24 Add comments UI

Lecture 25 Display Comments

Section 10: Follow and Unfollow

Lecture 26 Display all users

Lecture 27 Follow actions and api

Lecture 28 Follow UI

Lecture 29 Unfollow UI , Actions and API

Section 11: Profile screen

Lecture 30 Designing profile page

Lecture 31 Edit Profile screen

Lecture 32 Edit profile actions and api

Section 12: Private account features

Lecture 33 Display all posts in user profile page

Lecture 34 Hide posts of private accounts

Section 13: Edit and delete posts

Lecture 35 Edit post

Lecture 36 Delete post

Section 14: Followers and Following List

Lecture 37 Display followers and following

Section 15: Deployment

Lecture 38 CSS / Responsive

Lecture 39 Deployment

Students who wants to learn react , node , express , mongodb redux.,Students who wants to build complex applications with mern stack,MERN Stack Developers,FullStack Developers,Next JS Developers