![]() Through a journey from a normal web developer to an absolute confidence Web developments field, I will make sure in this course, I will take you Psych engineer with years of experience on the ![]() Media application with tons of features you won't beĪble to find anywhere else. The internet on building a fully advanced social If you have any problems with your code, you can simply contact me in any of my emails my med_hajji7Īnd make sure to provide all code necessary for me to understand your problem and the flow you had before encountering the problem.Īnd if you want to contact me directly on my social account you can do so on my Instagram WELCOME: Hello and welcome to the best master course on I will also provide continuous review to your progress so whenever you finished a section of the project you can share with me the source code on github by sending it to my email, also include a video / images if you can. In this project we will try together to create a fully advanced social media application clone with the most amazing features only i can provide you with during the course, and you have two paths to go with :ġ-create an exact facebook clone like we did in our course and you can find the starter project for you to build on from here : Ģ-create you own version of the perfect social media app you can think off using everything you did learn during the course. we will use many react js functions like useState, useEffect, useReducer, useRef, useCallback, event listeners and also create custom hooks. We will work with cookies and JSON web tokens to store data temporarily. We will use react router dom v6 explained in details. We will use react redux store to setup a global store to share data across all components. We will use skeleton loaders while page loads or while we get data from backend and also using all different kind of loaders across our app. We have live search functionality as you type new results appear, also any user you click will be added to your search history and it's also will be displayed in order by the latest clicked on. Also we have a friends page where you can mage all your requests and friends. We have a full friendship system whe you can add friend, cancel request, accept request, delete request, unfriend, follow, unfollow We will use Cloudinary to upload our images in a new creative way, you will be impressed. You can update all your details and see changes live directly. ![]() Every user have its own profile, where all details displayed from cover, profile picture, details (othername, bio, job, workplace, relationship.), photos, friends, posts You can update your profile picture using old cover pictures or a new image with the option to crop zoom and select the part of image you want to use and after submit directly it will create a post that says user updated his/her profile picture and you can also use text and emojis. You can update your cover picture using old cover pictures or a new image with the option to crop zoom and select the part of image you want to use and after submit directly it will create a post that says user updated his/her cover picture. You will learn how to crop, zoom, rotate, flip images using crooper. We will have all sort of validation for file upload for size and type. you can save/unsave post, download post images, delete post. You can comment using text, emojis and also pictures also comments will be ordered and always updating directly after submit. You can react on a post and change react unreact, use like button to like, unlike and remove existing react, also reacts will be displayed and ordered and any react you or remove will affect that live without refresh. You can create a post using text, emojis ,backgrounds, images and done beautifully dame as Facebook exactly. We have a home page where all posts for the people you follow or friends with will be displayed mixed with your posts and ordered from newest to oldest. We are also creating a mailing system where we will send verification links and reset password codes to the user, and directly after registering the user gets a verification link to activate account, so we are also learning how to create html emails. So as start we will build a strong authentication system so you can register, login and reset password, we will also have a validation system for register using Formik and Yup with friendly error messages to verify name to be a certain length or free from special characters, validate email and password, validate dates to verify age, username will be generated automatically and we will make sure it unique. In this course you will learn how to build an advanced social media Facebook clone application (version 2022) and master working with React js, Node js, Express js, Mongodb and many many other tools we will use through the course.
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |