Project name : Devdit - Forum management system
Purpose : The purpose of the Online Forum Management System using MERN Stack is to develop a scalable, user-friendly web platform where users can create, share, and engage in discussions through posts and comments on various topics in a structured, organized manner.
Live Link : https://dev-forum-by-ubaid.netlify.app
Server side link : https://github.com/noob-ubaid/devdit-server
Key features :
- Users can register and log in using email/password or social login like google.
- JWT-based authentication for secure route protection.
- Role-based access (Admin and User).
- Users can create, read, and delete posts.
- A user can post 5 posts.if he want to posts more than 5 he has to pay.
- Users can comment on posts with a structured comment system.
- Comment truncation with modal “Read More” functionality.
- Reporting system for inappropriate comments with admin handling.
- Users can share the post in Whatsapp and Facebook
- Users can upvote or downvote posts to promote valuable discussions.
- Sorting posts by popularity based on vote difference.
- Posts can be filtered and searched based on tags in the banner section for organized discovery
- Users can purchase membership via Stripe payment gateway.
- Members receive a gold badge and extended posting privileges.
- Users can view their profile, badges, and recent posts.
- Users can manage their personal posts
- Admins can manage users (promote to admin, view membership status).
- Admins can take actions for reported comments.
- Admins can create and manage announcements for the community.
- Admin can add and manage tags used across posts.
- @headlessui/react
- @stripe/react-stripe-js
- @stripe/stripe-js
- @tailwindcss/vite
- @tanstack/react-query
- axios
- dayjs
- firebase
- lucide-react
- motion
- react
- react-dom
- react-hook-form
- react-hot-toast
- react-icons
- react-router
- react-share
- react-spinners
- recharts
- sweetalert2
- tailwindcss