React + Vite

This template provides a minimal setup to get React working in Vite with HMR and some ESLint rules.

Currently, two official plugins are available:

• @vitejs/plugin-react uses Babel for Fast Refresh
• @vitejs/plugin-react-swc uses SWC for Fast Refresh

ForumHub

A community-driven forum platform for engaging discussions and interactions.

Purpose

ForumHub is a platform designed to facilitate discussions, share knowledge, and build community connections. It provides features for users to interact while allowing admins to maintain a safe and respectful environment.

Live URL

Check out the live app here: ForumHub Live

Key Features

• User Registration & Authentication
• Create and Participate in Discussions
• Membership Plans for Exclusive Features
• Manage User Profiles
• Notification System for announcements
• Admin Dashboard for Moderation
• Reported Activities/Comments Management

Technologies Used

• Frontend: React.js, TailwindCSS, React Router
• Backend: Firebase Authentication, Node.js,ExpressJS,MongoDB,JWT
• Icons: React Icons, Lucide React
• State Management: React Context API

NPM Packages Used

• react - For building user interfaces.
• react-router-dom - For routing and navigation.
• react-icons - For integrating icons.
• lucide-react - Clean and customizable icons.
• tailwindcss - Utility-first CSS framework.
• firebase - For authentication and database management.
• react-hook-form - For form data management
• framer-motion - For animation

Reported Activities/Comments Page

Feature Overview

The Reported Activities/Comments Page enables admins to review and take action on user-reported content. This helps maintain a clean, respectful community by addressing inappropriate comments or behavior.

Admin Functions

• Resolve: Mark the report as resolved if the content is appropriate or actions have been taken.
• Delete: Remove inappropriate comments.

UI Design

The admin page includes a table or list view of reported activities with columns for:

• User who made the report
• Preview of reported content
• Status of the report

Admins can take actions using buttons such as Resolve and Delete

How to Run the App Locally

1. Clone the repository:

   first clone the project

2. Navigate to the project directory:

   cd to directory

3. Install dependencies:

   npm install

4. Run the app locally:

   npm run dev

Contribution

Want to contribute to ForumHub? Fork the repository and submit a pull request. Make sure your code adheres to the existing conventions.