Pages and Features:

• Home Page:

  • Displays posts from followed users.

  • Provides user suggestions for potential follows.

  • Allows users to follow others.

  • Like/Unlike posts.

  • Add/Remove bookmarks on posts.

  • Comment on posts.

  • Create/Edit posts with images and emojis.

  • Delete own posts.

  • Share post links.

  • Sort posts by Latest/Trending/Oldest.

  • Implements infinite scroll for seamless browsing.

• Explore Page:

  • Showcases all posts from latest to oldest.

  • Implements infinite scroll for effortless exploration.

• Bookmarks Page:

  • Displays a list of user-bookmarked posts.

  • Allows removing posts from bookmarks.

  • Like/Comment on bookmarked posts.

• Profile Page:

  • Enables users to edit their profiles, including image and avatar uploads.

  • Edit background cover photo.

  • Follow/Unfollow users.

  • View followers/following lists.

  • Logout functionality.

  • Lists all posts by the user.

• Single Post Page:

  • Like/Unlike posts.

  • Add/Remove bookmarks on posts.

  • Comment on posts.

  • Share post links.

  • Edit/Delete posts.

  • View users who liked the post.

  • View comments and edit/delete own comments.

• Other Features:

  • Authentication with login/signup functionality.

  • Video upload capabilities.

  • 404 Error Page for smooth navigation.

  • Dark mode for user preference.

  • User search functionality.

  • Toast notifications and loaders for user actions.

  • Responsiveness across devices.

Built with:

• React JS: Frontend framework for dynamic UI.

• React Context API + useReducer: State management for React components.

• React Router v6: Handles navigation within the app.

• Tailwind CSS: Custom styling for a unique interface.

• Material UI components: Integration for UI consistency.

• mockBee for backend: Backend service for data management.

• React Icons: Utilized for iconography.

• React Hot Toast: Provides toast notifications for user actions.

This social media platform encompasses a range of user-centric features, enabling seamless interaction, content sharing, and user engagement while maintaining a visually appealing and responsive interface.