react-firechat-poc

A Firebase-powered chat workspace component for React applications.

Installation

npm install react-firechat-poc
# or
pnpm install react-firechat-poc

Prerequisites

This package requires the following peer dependencies:

• react ^18.0.0
• react-dom ^18.0.0
• firebase ^12.0.0
• react-router-dom ^6.0.0
• piche.ui ^1.1.0

Usage

import { Workspace, NotificationProvider } from 'react-firechat-poc';
import 'react-firechat-poc/dist/react-firechat-poc.css';

function App() {
  const user = {/* your Firebase user object */};

  return (
    <NotificationProvider>
      <Workspace
        user={user}
        onSignOut={handleSignOut}
      />
    </NotificationProvider>
  );
}

Features

• Real-time chat messaging with Firebase Firestore
• Group conversations and direct messaging
• File and image sharing
• Audio messages
• Message reactions and emoji support
• Message forwarding and replies
• Pinned messages
• Voice and video calling
• AI-powered chat assistance
• Dark mode support
• Responsive design

Components

Workspace

The main chat workspace component that includes:

• Conversation list panel
• Chat view with message list
• AI assistance panel
• User profile settings

NotificationProvider

Context provider for managing notifications across the application.

License

MIT © Kristians Murds