Skip to content

README.md

Latest commit

 

History

History
80 lines (61 loc) · 1.73 KB

README.md

File metadata and controls

80 lines (61 loc) · 1.73 KB

Build a Custom Moderation Dashboard with Stream

A React-based moderation dashboard for Stream's content moderation system. This dashboard allows moderators to review and manage flagged content efficiently.

Moderation Dashboard
Review Queue 		Content Details
Content Details

Features

  • Review queue for flagged content
  • Content details view with images and text
  • User information and moderation history
  • Action buttons for quick moderation decisions
  • Infinite scroll for content loading
  • Reviewed content history

Prerequisites

  • Node.js (v14 or higher)
  • npm or yarn
  • Stream API credentials

Setup

  1. Clone the repository:
git clone https://github.com/GetStream/moderation-dashboard-example.git
cd custom-moderation-dashboard
  1. Install dependencies:
yarn install
  1. Create a .env file in the root directory and add your Stream API credentials:
REACT_APP_STREAM_API_KEY=your_stream_api_key
REACT_APP_MODERATOR_USER_ID=your_moderator_user_id
REACT_APP_MODERATOR_TOKEN=your_moderator_token
  1. Start the development server:
yarn start

Usage

The dashboard provides two main views:

  1. Needs Review: Shows content that requires moderation

    • View content details
    • Mark as reviewed
    • Delete content

  2. Reviewed: Shows previously moderated content

    • View historical decisions
    • Review past actions

Built With

  • React
  • Stream Chat API
  • Semantic UI React
  • Lodash