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.
Built with