PostPad

About This Project

This project is a fully responsive and interactive forum built using the MERN Stack (MongoDB, Express.js, React.js, Node.js). The platform allows users to post, comment, vote, and share content in real-time. Admins can manage users, announcements, and reported activities. The purpose is to create a scalable web application focusing on user experience, performance, and security.

Key Features

• Homepage: Displays posts from newest to oldest with search functionality based on post tags.
• Popularity Sorting: Sort posts by popularity based on Upvote-Downvote difference.
• Pagination: Implemented with 5 posts per page for better performance.
• Announcement & Advertisement: Live notification count for announcements and dedicated ad sections.
• Post Details: View title, author, tags, and comments with Upvote/Downvote/Share functionality.
• Membership Page: Stripe integration for membership purchases to post more than 5 posts.
• Authentication: Social and Email/Password login using Firebase.
• User Dashboard: My Profile, Add Post, and Manage Posts functionality.
• Admin Dashboard: Site stats with pie charts, tag management, and user management.
• Reported Comments: Admin capability to manage reported comments and ban users.

Challenges Faced

• Admin profile page with stats and a pie chart.
• JWT for secure login and role-based access.
• Firebase and MongoDB credentials secured with environment variables.
• Tanstack Query for efficient data fetching.
• Pagination in all tables and posts.

Future Improvements

• Improve detail page UI for a more interactive experience.
• Add multi-language support for a more diverse user base.
• Optimize loading times for data-heavy sections of the app.