Description
Building a Facebook clone with REACT JS AND THE MERN STACK is the name of the training course on creating a social network similar to Facebook with REACT JS and THE MERN, published by the Udemy website. In this course you will learn how to create an advanced social network. .Facebook cloning application (2022 version) and proficiency in working with React js, Node js, Express js, Mongodb and many other tools that we will use throughout the course.
- So, to begin with, we will build a strong authentication system so that you can register, log in and reset the password. We will also have a validation system for registration using Formik and Yup with user-friendly error messages to verify that the name is of a certain length or free of special characters. , validate email and password, validate dates to verify age, username will be generated automatically and we will make sure it is unique.
- We also create a messaging system in which we will send verification links and reset password codes to the user, and directly after registration the user will receive a verification link to activate the account, so we learn also create HTML emails.
- We have a home page where all posts from people you follow or are friends with will be displayed mixed with your posts and ordered from newest to oldest.
- You can create a post using text, emojis, backgrounds, images and do it beautifully like Facebook exactly.
- You can react to a post and edit the reaction to unreact, use the like button to like, dislike and delete the existing reaction, reactions will also be displayed and ordered and any reaction you or delete will affect this live without refreshing .
- You can comment using text, emojis and also images. Comments will also be ordered and always updated directly after submission.
- you can save/unsave post, download post images, delete post…
- We will have all kinds of validations for uploading files in terms of size and type.
- You will learn how to crop, zoom, rotate and flip images using cropping.
- You can update your cover photo using old cover photos or a new image with the ability to zoom crop and select which part of the image you want to use. After submitting it directly, a post will be created indicating that the user has updated their cover photo.
- You can update your profile picture using old cover photos or a new image with the ability to zoom crop and select which part of the image you want to use. After submitting it directly, a post is created indicating that the user has updated their profile picture and you. can also use text and emojis.
- Each user has their own profile, where all details are displayed from cover, profile picture, details (other name, bio, job, workplace, relationship…), photos, friends, posts.
- You can update all your information and see the changes directly live.
- We will use Cloudinary to upload our images in a new creative way, you will be impressed.
- We have a complete friendship system where you can add friend, cancel request, accept request, delete request, remove friend, follow, unfollow.
We also have a friends page where you can manage all your requests and friends. - We have a live search functionality as you type new results appear. Additionally, any user you click on will be added to your search history and it will also be displayed in order of last click.
- We will use skeleton loaders when loading pages or while we are getting data from the backend and will also use all different types of loaders in our application.
- We will have protected routes.
- We will use React Redux Store to set up a global store to share data between all components.
- We will use React Router Dom v6 explained in detail.
- We will work with cookies and JSON web tokens to temporarily store data.
- we will use many React JS functions like useState, useEffect, useReducer, useRef, useCallback, event listeners and also create custom hooks.
Who should attend ?
- Beginner web developer
- Junior web developer
- React JS Developer
- Node JS Developer
- Web developer
What will you learn in Create a Facebook clone with the REACT JS AND THE MERN STACK course ,
- Create a Fully Functional Advanced Social Media Facebook Clone App Version 2022
- Master React Js and all its secrets and tricks and get familiar with using it for your frontend work.
- Build a strong and scalable backend using node js and express js
- Learn how to work with Mongodb and add, update, delete and query like a pro.
- Learn how to use Cloudinary to store your images in a brilliant new way and how to upload, search, filter and open a new perspective on working with Cloudinary.
- Create a strong authentication system where you can register, log in and reset password
- Create an email system from scratch to send emails to user to get email verification links and reset code password.
- Advanced form validation using Formik and Yup and learn the best form validation techniques used.
- Master working with dates on another level that you have never done before and learn how to correctly check age by year, month and day.
- Live data validation from the database to ensure your data (like username) is unique and create a loop function to update it every time.
- Learn how to schedule queries to the database on each specific date desired or reliably and we will use it to remove all unverified users after a month.
- Learn how to work with JSON web tokens, cookies…
- And….
Course details:
- Editor: Udemy
- Instructor: Mohamed Hadji
- French language
- Training level: introduction to advanced
- Number of courses: 159
- Training duration: 35 hours 9 minutes
Create a Facebook clone with REACT JS AND THE MERN STACK Course content:
Build a Facebook clone with REACT JS AND THE MERN STACK
- Basic knowledge to work with React js
- Reasonable knowledge of web development is always welcome
Pictures:
Simple video:
installation guide ,
After ripping, view with your favorite player.
Subtitle: English
Quality: 720p
Download links:
File password(s): free download software
File size:
15.4 GB