Skip to content

linkedinClone in Node.js, Express.js, MongoDB, React.js, JavaScript, HTML, CSS (MERN)

Notifications You must be signed in to change notification settings

priyanshi-2001/socialMedia-Website

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

5 Commits
 
 
 
 
 
 

Repository files navigation

socialMedia-Website

linkedinClone

Pages:-
Signup Journey:-

Multi Step form with Progress Bar used.
Page1:-Enter Name,email,etc
Page2:-Set password
Page3:-Enter details of current Job
Page4:-Enter Experinece
Page5:-Enter Education Details
Page6:-Enter Skills
Page7:-Enter Certifications
Page8:-Upload Profile Photo

Landing Page:-
User can see posts and can add comment, add a reaction like like,comment,support, remove comment.
Used Path Enumeration Model for storing Comments and Sub-Comments in Comments and Used recursion to show comments and sub-comments in React.js and used populate method in backend for sending sub-comments in hierarchial structure from Node.js API.

Create Post Page:- User can upload pdf or images like png. And can preview the file he uploaded before creating post. We are using blob objects for that.

To store posts images and files we are using Cloudinary.

See Network:- See connections and people they may know from their college or companies. User can send connection request or withdraw.

Notifications Page: When someone sent them a connection request they can see it in Notifications and can accept it or decline. The other person will get notification when someone accepted their request.

Send Messages:- To send Message that user must be your connection.

Chat Window:In chat Window we can see people we did chat with. By clicking on it a new page of send Message will open and user can chat with them in real time using sockets.

View My Profile:- User can check his details and edit data