What you'll learn :
Make a sophisticated true app that will actually get you a job. (Be sure to watch the intro video (aff))
Construct a full-stack complicated Social Network application using React, NextJs (for SSR), Express with Node for the backend, and MongoDB as the data source.
Attachment io for REAL-TIME CHAT with a number of verified clients. EACH MESSAGE SENT AND RECEIVED BY A CLIENT SHOULD BE STORED IN MONGODB.
On your application, you can display clients who are ONLINE.
Messages can be retrieved from any location inside the programme.
NOTIFICATIONS IN REAL TIME when someone LIKES or COMMENTS on your postings. Furthermore, when someone FOLLOWS you.
Simply look at the postings of the Users you are FOLLOWING on the landing page, which is quite similar to what happens in large informal communities.
Make INTERLINKED MongoDB models to store all of the information about users, messages, and notifications. Figure out how large web-based media companies handle similar situations.
Make a root client who can delete any post or remark that he or she considers to be inappropriate. Search your database for clients.
Use INFINITE SCROLL in your application to its full potential.
Completely RESPONSIVE Layout for Mobile, Tablet, and Desktop Screens with React-Toastify.
Post modalities.
API testing with Mailman
RESETTING Sendgrid and Nodemailer were used to create the password.
For image uploads to Heroku, use CLOUDINARY.
Before each segment, you can download the source code.
Requirements :
Necessities
This is not a course about “Introduction to React” or “Introduction to Node.” It’s a hands-on course that teaches you how to develop an application using the MERN stack. You’d like to learn the basics of React and Node. I’ve worked with everything else in the MERN Stack, including React, Socket IO, Nextjs, Express, MongoDb, and Nodejs. I’ve detailed how NextJs and Socket io work in the right way.
I try to explain everything as I go, so you can follow along even if you don’t have any React/Node expertise, although it’s recommended that you start with the basics.
Excellent command of JavaScript and ES6 punctuation (object de-organizing && bolt works).
To learn, respond snares mostly useRef, useEffect, and useState Will.
Description :
Who should take this course?
If you are a person who is not picky about a CSS framework and wants to learn how to create enterprise-grade, practical full stack app using new technologies, then this course is for you. I can guarantee you that with this app on your resume, you will definitely land a great job.
This course is NOT FOR ABSOLUTE BEGINNERS. You should have done at least 1 MERN project previously. This course is for someone who wants to get out of his/her comfort zone and build a project which will teach you valuable skills.
Welcome to “MERN Social Media with Socket io for Real time chat and Notifications”.
This is the most complex MERN app you are ever going to create.
(Source Code available to download before every section.)
I am going to explain all the features below but make sure to check the intro video because no matter how much I write, there are so many features in this app, I might miss something. Also all the videos are in 1080p so make sure to turn on the auto mode in video quality settings.
This course includes…
This is one of the most complex apps you are going to build. 13 hours of video content for a single app, which will look great on your resume.
React and NextJs(For Server Side Rendered Pages) for our Frontend and Express with Node on the backend. We are going to use Socket io for Realtime connection between multiple clients for messaging.
Creating complex & interlinked MongoDB Models for storing the info of users, messages they send and receive, their notifications, following and followers of a user,. We are going to store everything in our database.
We are going to show the online users in our app to the logged user just like in any big social network .
Real time chat with multiple users. So no need to refresh the page to check if there is a new message. Everything is going to happen in real time. Also, we are going to play a notification sound when there is a new message.
We are only going to show the posts of the users you are following. So, exactly the same way it happens in big social networks.
We are going to have Realtime Notifications. Whenever someone likes your post or comments on your post or starts following you, a new notification will appear.
Crop Images before uploading to cloudinary.
Infinite Scroll to bring the new posts from the backend automatically on when the user is near the bottom of the page.
Semantic-UI as CSS framework.
Creating a fully responsive layout on the Frontend, only with JavaScript and No CSS media queries. Also, it is going to be optimized for Server Side Rendering (SSR).
Upload Profile Pictures. Also create posts with pictures. We are going to store all the images in CLOUDINARY.
Also, we are going to create a root user. That user can delete any post or delete any comment inside the app.
We are going to display all the info about your Followers and Following. Make sure to check the intro video. I have talked about this in detail there.
Also, we are going to give the user the option to update profile picture or profile info. We are going to have a settings tab, where you can update your password and message popup settings.
I am going to teach you how to populate fields inside MongoDB, I am also going to show you how to interlink the models to each other so that we do not have to store fixed values in every model.
Also, we are going to add the functionality to reset the password. We are going to use NodeMailer & Sendgrid to send the email with the link to the user to reset the password.
At the end we are going to deploy it to HEROKU.
This is the one of the most complex project you are going to create, and it will look really great on your resume. So, what are you waiting for, just enroll in the course and start learning.
You can ask me all the questions in Udemy Q/A.
Who this course is for :
Understudies who aren’t picky when it comes to CSS structure. This course is intended for understudies who need to learn how to construct a full stack application at the project level.
Students who need to learn how to use the incredible MERN Stack, which includes Next Js for server-side rendering, SOCKET io for real-time visits, and creating complicated MongoDb models.
Understudies who need to build a resume with a complex real-world application
Understudies who are trying to figure out how a server and a customer communicate with each other on a regular basis.
Understudies who want to increase their abilities in the realm of Web development.
Undergraduates who are curious about how huge online media applications work
Course Size Details :
13 hours of video on demand
There are 11 articles and 10 downloadable components in this collection.
Access for the rest of your life
Access on a mobile device and on television is proof of completion.
People also Search on Google
- free course download
- download udemy courses on pc
- udemy courses free download google drive
- udemy courses free download
- udemy online courses
- online course download
- udemy course download
- udemy paid course for free
- freecousesite
- download udemy paid courses for free