yetichat-v1

yetichat-v1 is a production-ready chat application powered by the CometChat React UI Kit. It delivers a complete real-time messaging experience including one-on-one conversations, group chats, voice and video calling, file sharing, and rich media support. Built with React 18, TypeScript, Vite, and Tailwind CSS, it provides a polished, responsive interface backed by the shadcn/ui component library and Radix UI primitives.

• Real-Time Messaging - Instant message delivery with typing indicators and read receipts
• Voice & Video Calls - Integrated calling via CometChat Calls SDK
• Group Chats - Create and manage group conversations with multiple participants
• Rich Media - Share images, files, and attachments in conversations
• User Presence - Online/offline status indicators and presence tracking
• Message Reactions - React to messages with emojis
• Threaded Replies - Organize conversations with message threads
• Push Notifications - Stay updated with real-time notifications
• Modern UI - Beautiful interface with shadcn/ui components and Tailwind CSS
• Dark/Light Theme - Theme switching support via next-themes
• Form Validation - React Hook Form with Zod schema validation
• Data Visualization - Recharts for chat analytics dashboards
• Responsive Design - Works seamlessly on desktop and mobile
• Accessibility - Built on Radix UI accessible primitives

• Node.js 18+
• pnpm
• A CometChat account (free trial available at cometchat.com)

# Clone the repository
git clone https://github.com/yethikrishna/yetichat-v1.git
cd yetichat-v1

# Install dependencies
pnpm install

Create a .env.local file:

# CometChat
VITE_COMETCHAT_APP_ID=your_app_id
VITE_COMETCHAT_REGION=your_region
VITE_COMETCHAT_AUTH_KEY=your_auth_key
VITE_COMETCHAT_WEBSOCKET_URL=your_websocket_url

# Start development server
pnpm dev

# Build for production
pnpm build

# Preview production build
pnpm preview

# Lint code
pnpm lint

yetichat-v1/
├── src/
│   ├── components/       # React components
│   │   └── ui/          # shadcn/ui components
│   ├── hooks/           # Custom React hooks
│   ├── lib/             # Utility functions
│   ├── pages/           # Page components
│   ├── App.tsx          # Main app component
│   ├── main.tsx         # Application entry
│   └── index.css        # Global styles
├── docs/                # Documentation
├── scripts/             # Build and deployment scripts
├── public/              # Static assets
├── netlify.toml         # Netlify deployment config
├── components.json      # shadcn/ui configuration
├── tailwind.config.js   # Tailwind configuration
├── vite.config.ts       # Vite configuration
├── tsconfig.json        # TypeScript configuration
└── package.json         # Dependencies

The project includes a netlify.toml for one-click deployment:

vercel --prod

Contributions are welcome! Please follow these steps:

1. Fork the repository
2. Create your feature branch (git checkout -b feature/amazing-feature)
3. Commit your changes (git commit -m 'Add amazing feature')
4. Push to the branch (git push origin feature/amazing-feature)
5. Open a Pull Request

This project is licensed under the MIT License - see the LICENSE file for details.

• yetisai - Yeti AI main platform
• ai-browser-chat - AI browser chat
• compyle - App building platform