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

3.85 (24 reviews)
Udemy
platform
English
language
Web Development
category
MERN Stack Social Media Application 2021 : React Redux Node
1,145
students
9.5 hours
content
Oct 2021
last update
$49.99
regular price

What you will 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

Why take this course?

Hello ,

Welcome to the course MERN Stack Social Media Application 2021

This 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 Authentication

  • Uploading posts

  • Editing posts

  • Deleting posts

  • Post Interactions and analytics

  • Followers and Following Modules

  • Private and public accounts concept

  • Likes and un likes

  • Comments

  • Infinite scroll

  • Uploading images to Cloudinary

  • Adding and updating profile pictures and bio's.

  • ANTD UI Framework for rich componets

  • Deployment to HEROKU

React

React 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.

Node

Node.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.

Content

Introduction / Resourses

Promo / source code

Front End Setup

React Setup with routing
Adding layout
Layout Part-1

Node-Express-Mongo Setup

Creating express server
Connecting to mongo db

User Authentication Backend

User model
Login / Register API

User Authentication Front End

Setup Redux
Login Register UI
Login Register Actions
Designing Alerts , Loading , Error messages
Protected Routes

Adding new post

Add post screen
Cloudinary intro
Post model
Add post api
Add post actions

Designing Homepage

Getting all posts
Designing post component

Like or Unlike Posts

Like Unlike APi
Like Unlike UI

Comments in posts

Add comments actions and API
Add comments UI
Display Comments

Follow and Unfollow

Display all users
Follow actions and api
Follow UI
Unfollow UI , Actions and API

Profile screen

Designing profile page
Edit Profile screen
Edit profile actions and api

Private account features

Display all posts in user profile page
Hide posts of private accounts

Edit and delete posts

Edit post
Delete post

Followers and Following List

Display followers and following

Deployment

CSS / Responsive
Deployment

Screenshots

MERN Stack Social Media Application 2021 : React Redux Node - Screenshot_01MERN Stack Social Media Application 2021 : React Redux Node - Screenshot_02MERN Stack Social Media Application 2021 : React Redux Node - Screenshot_03MERN Stack Social Media Application 2021 : React Redux Node - Screenshot_04

Reviews

Deva
February 24, 2022
Excellent course. If you have basic knowledge in other languages, this course will be a very pleasant experience. For those who never programmed before and are new to programming in general, it will be a bit difficult to follow along, but as always k.sthayaprakash reddy provides a good amount of concepts and things that can be researched on your own

Coupons

DateDiscountStatus
2/21/2022100% OFF
expired

Charts

Price

MERN Stack Social Media Application 2021 : React Redux Node - Price chart

Rating

MERN Stack Social Media Application 2021 : React Redux Node - Ratings chart

Enrollment distribution

MERN Stack Social Media Application 2021 : React Redux Node - Distribution chart
4338844
udemy ID
10/7/2021
course created date
10/9/2021
course indexed date
Bot
course submited by