MERN Stack Social Media App Tutorial | React Node.js full Course for Beginners

Source Code:

"Copyright Disclaimer under Section 107 of the copyright act 1976, allowance is made for fair use for purposes such as criticism, comment, news reporting, scholarship, and research. Fair use is a use permitted by copyright statute that might otherwise be infringing. Non-profit, educational, or personal use tips the balance in favor of fair use."

Time stamps:
00:00 Intro
01:40 Project overview
03:53 Project setup
09:06 App component
12:54 Home page
17:22 Search
23:15 Profile Card
40:29 Followers Card
52:24 Post Share
1:16:33 Posts
1:27:40 Nav Icons
1:31:32 Trend Card
1:38:14 Profile Page
1:54:37 Auth Pages
2:10:27 Making Modals
2:22:36 Outro

Don't forget to hit Subscribe button:

React Responsive Dashboard:

React Responive Portfolio Website tutorial:

Reactjs Tailwindcss Music App Landing page:

Reactjs Ecommerce Store tutorial for beginners:

React Sidebar Tutorial:

Social Links:

[ZAINKEEPSCODE]

If you are finding any difficulties in following this tutorial then please make sure you install the NodeJs version 14 and same versions of dependencies/packages as I mentioned in package.json on github.


To install same deps version, copy and paste package.json from github for both client and server side, delete your previous node modules and do `npm install`.

Thanks

[msundar]

You are a Developer + tzuyu fan makes these amazing stuff 😍 ❤️... I love react and tzuyu 😍

[MulombiAnnuar]

Have watched many tutorials on MERN Stack development and I can confirm this is the best. Content has been explained in a beginner's point of view step by step and all the basic fundamentals covered. Have quickly hit the Subscribe and notification buttons. Bro, God bless you so much, you are such a good tutor

[LearnLandInfo]

Real time Osm developer at the Youtube Love U brother

[prabhjotarora]

So underrated tutorial, must have more views. To the point explanation. Thanks.

[munazzaimanabbasi]

I was supposed to build a chat app as my internship final project and I must say this was really very helpful in doing so. Thanks a lot, Sr

[LNMaster_]

1:10:04 - here is better to use modern optional chaining like this:
const img = event.target.files?.[0]
if (img) setImage({ ... })

[DeepakKumar-dwre]

Thanks bro after 6 hour of proper understanding i have completed the frontend design.
You explanation is of next level and unbeatable🤩
Thank you for uploading this video

[UmaK-yy]

I took 1day to complete this video, this was really helpful to enhance my knowledge, thank you so much sir

[gameplxy]

damn this is better than most of the social medias of this decade

[abhidadhaniya]

The amazing social media and I've seen something new on youtube which is something different than other youtubers thank yoh so much for this entire video tutorial. ♥️🎉

[basedhound]

Hi there ! Amazing tutorial, just finished this part and I'm starting the Rest API. Thank you Zain !! 👍

[coder]

100% True, Need More Content... please .... Have watched many tutorials on MERN Stack development and I can confirm this is the best.

[Nsutradhar]

I am waiting for such mern stack project and very excited for next part
Thank you sir. Thanks a lot ❤️

[najunajames]

This is too good and addictive too. Waiting for the next episode. Keep it up bro.

[pankaj.yadav]

We are grateful to you, thanku so much just waiting for next part ❤️❤️❤️❤️❤️❤️

[pankajsharma-rfov]

i followed this tutorial from start to end and learn a lot thanks. You know what is the major point in your tutorial is that your voice. whatever you are saying that is easy to understood and learn.

Need to improve : But this website is not responsive in nature

Thanks

[ashutoshmohanty]

It's really awesome...looking forward for the backend part

[ozzykhan]

I really liked this video, it helped me a bit during a group project in a SE bootcamp

[nicolasportu]

Outstanding!!! Please support this man people!