Forumify is a full-stack forum web application built with the MERN stack (MongoDB, Express.js, React, Node.js). It allows users to share knowledge, post questions, upvote/downvote content, comment, and interact with the community.
Admin features allow user management, comment moderation, and banning misbehaving users.
- Firebase Authentication
- Email/password + Google login
- Role-based access (Admin, Member, Guest)
- JWT token-based protected routes
- Banner with animation
- Recent posts
- Tags-based search
- Featured sections
- Create, edit, and delete posts (authenticated users)
- Rich post structure: title, tag, description
- Each post includes upvote/downvote system
- View all posts or filter by tags
- Comment on posts
- View comments with modal support
- Admin can manage and delete reported comments
- Users can report offensive comments with reasons
- Admin panel to review, ignore, or delete reported comments
- Personalized dashboard for each user
- Track total posts, upvotes, membership status
- Manage personal posts and profile
- Bronze & Gold badges
- Gold membership unlocked through demo payment form (no real transaction)
- View & delete users
- Ban/unban users
- Manage reported content
- Entry animation displayed for 2-3 seconds before routing begins
- React.js
- React Router
- Firebase Auth
- Tailwind CSS + DaisyUI
- Axios + TanStack Query
- Framer Motion (animation)
- SweetAlert2 (confirmation modals)
- react-responsive-modal
- react-icons
- Express.js
- MongoDB (with collections: users, posts, comments, reports)
- JWT for secure route access
- CORS + dotenv
Create a .env file in the root of both /client and /server directories with the following: