Socail Chat Application

Frontend Functionality

1. Timeline (Profile, Friends, Groups, Pages, Messages)

• Persistent navbar available on all pages.

• Responsive for both desktop and mobile.

• Navigation items:

  • Profile: Links to personal profile (cover, bio, posts, etc.).

  • Friends: Show friend list, requests, suggestions.

  • Groups: Lists all joined and suggested groups.

  • Pages: Lists liked pages and recommended pages.

  • Messages: Opens chat panel or inbox.

2. User Registration and Login

• New users can register using:

  • Name, Email,Gender, Password.

• Login via email and password.

• Input validation and error messages.

• Forgot password functionality (optional).

• Email verification (optional).

3. User Profile Page

• User can update:

  • Profile picture and cover photo.

  • Name, bio, phone, location.

  • Education, designation, other social links.

• View Own Profile: Full editable.

• View Other Users’ Profiles: View posts, bio, and public info.

4. Posts (Status Updates)

• Users can post:

  • Text, with optional image (optional future extension).

  • Tags or hashtags (optional).

• Post features:

  • Like, Comment, Share (future).

  • Timestamp (e.g., "2 mins ago").

• Post visibility:

  • Public, Friends only, Group-specific (optional).

5. Comments and Likes

• Users can like posts and comments.

• Real-time update of like count.

• Add/delete/edit comments.

• Nested comments (optional).

6. Friends System

• Send, accept, reject friend requests.

• List of:

  • Friends

  • Pending requests

  • Sent requests

7. Group Functionality

• Users can:

  • Create a group.

  • Invite friends to group.

  • Post within group.

• Group post visibility only to members.

• Group admin can manage members.

• Public or private group option.

8. Pages Functionality

• Create a page (e.g., for business, public figure).

• Add cover, name, description.

• Users can like/follow the page.

• Admins of the page can post on the page.

• Page posts visible to followers.

9. Messaging System (Basic Chat)

• One-to-one chat between users.

• Chat history view.

• Typing indicator (optional).

• Seen/read indicators (optional).

• Notification badge for new messages.

11. User Dashboard / Settings

• Update profile settings.

• Change password.

• View list of friends, pages, groups.

🔹 Admin Panel Functionality (Basic)

Simple and clean admin interface for platform monitoring.

1. Dashboard

• Overview of key metrics:

  • Total Users

  • Total Groups

  • Total Pages

  • Total Posts

  • Total Comments

2. User Management

• View all registered users.

• View basic profile info and status.

• Option to deactivate or delete user (optional).

• View user’s total posts, friends, pages, and group memberships.

3. Group Management

• View all groups.

• Basic info: name, members count, posts count.

• Delete or suspend group (optional).

4. Page Management

• View all pages.

• Admin info, likes count, posts.

• Delete or disable page (optional).

5. Post Management

• View all user posts.

• Reported content review (optional).

• Delete inappropriate posts.