React Chat

This is a chat app designed to work on mobile web and desktop. It's designed as an offline first chat client.

It supports the following

• supports an offline AI model trained to detect toxicity in messages, and filters out such messages in the ui.
• Emoji detection to style the app differently
• use of emoji text (eg: :heart:)
• store all chat in a local indexed db for offline retrieval of messages
• uses virtual scrolling from tanstack virtual to keep the chat client light with increased chat messages.
• supports time stamp display, and grouping of messages based on time intervals (eg: messages typed in succession are grouped together, while the rest are parted apart)

Available Test Scripts

# Run tests once
bun run test

# Run tests in watch mode
bun run test:watch

# Run tests with UI mode
bun run test:ui

# Run tests with coverage report
bun run test:coverage

Development

Currently, two official plugins are available:

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

Screenshots

Animated bounce and Emoji detection to render it differently

Loading state.

Run tests

npm test

Run locally

 bun install
 bun dev