Minor Updates and Fixes: Enhancing Profile, Activity, and Post Functionality

[MohitSoni2021]

Summary

This issue outlines several enhancements and fixes to improve the profile page, activity section, and post interactions, ensuring a seamless user experience. The updates include:

• Enhancing the profile page with follower/following sections.
• Implementing a follow/unfollow mechanism.
• Making the activity section fully functional.
• Enabling comments, bookmarks, and the share link feature for posts.

Feature Enhancements & Fixes

1. Profile Page Updates

• Ensure that the profile page displays all relevant user details correctly.
• Add sections to display the user's followers and the users they are following.
• Implement routes for viewing followers and following:
  • profile/[username]/follower → Displays all followers of the user.
  • profile/[username]/following → Displays all users that the user follows.
• These routes should work both for the user's own profile and when viewing another user's profile.

2. Follow/Unfollow Functionality

• Add a "Follow" button on other users' profile pages.
• When clicked:
  • The visited user’s follower count should be updated.
  • The current user’s following count should be updated.
• Ensure a smooth UI update without requiring a page refresh.
• Check for existing API endpoints to handle follow/unfollow requests; create new ones if necessary.

3. Activity Section Implementation

• The activity section should display notifications related to user interactions.
• Users should receive activity notifications when someone they follow makes a new post.
• Implement a limit of 60 latest notifications to prevent overload.
• Ensure real-time updates and efficient database queries for performance optimization.

4. Post Interactions Enhancements

• Comments:
  • Display existing comments on posts.
  • Ensure real-time updates when new comments are added.
  • Ensure post information is displayed correctly in the comment popup.
• Bookmarks:
  • Allow users to bookmark posts.
  • Implement a persistent state for bookmarks; they should remain saved after a page reload.
  • Change the bookmark icon color (e.g., yellow) when a post is bookmarked.
  • Create a bookmarked section on the user's profile to display all saved posts.
• Share Link Functionality:
  • Add a share link button on post cards.
  • Clicking the button should open a popup displaying the post's detail page URL.
  • Include a "Copy" button to copy the link to the clipboard.
  • Ensure a smooth and user-friendly experience.

Expected Outcomes

• Users can seamlessly navigate their profiles and view followers/following.
• The follow/unfollow system works efficiently without page reloads.
• The activity section provides timely updates on followed users' posts.
• Users can interact with posts through comments, bookmarks, and sharing links, with real-time updates.

Additional Considerations

• Ensure database queries are optimized for performance.
• Implement necessary API endpoints where required.
• Maintain a clean and user-friendly UI/UX throughout the app.

Priority: High

Status: Open for development

.env

• Frontend = VITE_API_BASE_URL
• Backend = MONGO_URI

[Kalpan2007]

I will solve this issue