RakeshsShinde / Socify

Socify is social networking web app designed to connect users in a vibrant digital community. With Socify, users can effortlessly post updates, follow other users to stay updated with their content, and engage in real-time conversations through a seamless chat feature powered by Socket.io.

Socify

Socify is social networking web app designed to connect users in a vibrant digital community. With Socify, users can effortlessly post updates, follow other users to stay updated with their content, and engage in real-time conversations through a seamless chat feature powered by Socket.io.

Signup Page (Create New Account):

form validation using formik and yup library.

Login Page:

Forgot Password Page:

you can reset password by email,after entering valid email you get reset password link.

after clicking on reset password link it redirect to Reset Password Page:

Reset Password Page:

if reset password link is valid and not expires yet ,then you can able create new password.

Home Page:

after user login successfully ,redirect to home page.

In Home page there different section.i.e friend suggestions,trending hashtags,activity

Create New Post:

you can create the new post click on upload icon in bottom navigation or by clicking on create new post in menu. you can add caption,location,multiple tags ,and images for the post.

Edit post :

user can edit own post caption,location,and tags

Delete post:

user can like the post,comment on post,saved post,like comment,replay on comment,like replay

• Like post:

• Comment on Post :

• Saved Post :

• Replay on Post :

• user can also like comments and replies:

• View All Likes :

Integrated search features:

you can effortlessly search for keywords across multiple categories, including locations, users, and tags.

Profile Page(other users):

if you click on particular user's profilepic then redirect to user's profile ,and if you click on the view profile in user menu or in bottom navigation then redirect to own profile .

you can see all posts by that user and also connect with that user using email or clicking message button and send message to that user.

you can also check the all followers and all users that the user are following :

Profile Page (own profile):

only logged-in user can see saved posts by him/her :

Edit Profile :

you can edit the your username,email,Bio,password and profile picture.

Posts By Tags:

when user click on particular tag then get all posts having that tag and also total no of posts by that tag

Posts By Location:

when user click on particular location then get all posts having that location and also total no of posts by that location.

Delete Account :

user can delete own Account after deleting Account, all posts of user get deleted and redirect to login page

Chat Page :

on left side having all chats of user and on right side is all messages for particular chat .

Create New Chat

user can create one on one chat or group chat with others users .

• one on one chat :

user can search other user to chat with and select a user and create one on one chat.

user can create group chat by clicking on the create new group icon at top and create new group chat

you can send message in chat in realtime using socket.io

Update Group :

you can update following :

• update profile picture of group.
• update group name.
• Add new users to group (only group admin can add someone to group).
• Remove user from group (only group admin can remove someone from group).
• Leave group .

Leave group

user can leave group by clicking on leave group and group get deleted from chat list.