ChatRaj is a comprehensive, AI-powered platform designed to streamline software engineering collaboration. It combines intelligent code assistance, real-time chat, project management, and advanced privacy controls in a single, modern environment. Built on the MERN stack, ChatRaj empowers development teams to work smarter and faster.
- ChatRaj – AI-Powered Software Engineering Collaboration Platform
- Newsletter Subscription: Users receive a professional confirmation email upon subscribing to the ChatRaj newsletter, delivered via Gmail SMTP. The newsletter email includes upcoming release info and community benefits.
- Gmail SMTP Integration: All transactional emails (OTP, newsletter) are sent using Gmail SMTP for reliability and security. Previous fallback/test SMTP logic (Brevo, Ethereal) has been removed for a streamlined setup.
- Live Chat: Instant messaging with typing indicators and emoji reactions.
- Multi-user Code Editing: Edit code together with real-time updates.
- File Tree Visualization: View and manage project files with syntax highlighting.
- Code Execution Environment: Run code in isolated sandboxes (WebContainers).
- User Presence Indicators: See who is online and collaborating.
- Voice Input: Real-time speech recognition for hands-free collaboration.
A redesigned blog section with 3D animations, Material-UI components, and a modern, engaging design. The blog now also supports light and dark modes.
- AI Code Assistant: Get code suggestions, explanations, and automation via Google Generative AI.
- @ChatRaj Mentions: Directly interact with the AI assistant in chat.
- Auto-complete Suggestions: Speed up communication with smart phrase suggestions.
- Chatbot Modal: A new chatbot feature to provide instant help and support.
- Modern UI: Redesigned Login, Register, and Blog pages for a clean and modern user experience.
- Dark/Light Mode: Switch themes for comfortable coding.
- Responsive Design: Works seamlessly on all devices.
- Animated Transitions: Smooth UI animations for a modern feel.
- Customizable Interface: Adjust chat bubbles, theme colors, font sizes, and more.
- New Icon: Replaced the default Vite icon with the official ChatRaj icon.
- Multilingual Support: Use the platform in English, Hindi, Spanish, French, German, or Japanese.
- 3D Particle Background: A minimal, aesthetic 3D particle effect on the homepage powered by Three.js.
- Vercel Analytics: integrated for tracking user interactions and performance metrics securely.
- reCAPTCHA: Implemented reCAPTCHA on login and register screens to prevent bots and enhance security.
- Two-Factor Authentication: Added 2FA for password resets and user registration to enhance security.
- Local Chat History: Manage, clear, or auto-delete chat history.
- Data Retention Controls: Set auto-delete intervals and manage local storage.
- Role-based Access Control: Secure project collaboration with roles and permissions.
- JWT Authentication: Secure user sessions.
- Invite System: Collaborate by inviting team members.
- File System Management: Real-time updates and file operations.
Organize projects with 15+ predefined categories, grid/list views, search functionality, and quick access to recent projects. The category page also features new animations and a compact view.
- Colorful Syntax Highlighting: The code editor now uses highlight.js themes for vibrant, VS Code-like syntax coloring in both light and dark mode.
- Run Button Timer: When running code in the browser, the run button displays a live countdown timer until the WebContainer is ready, so users know exactly when they can execute their code.
- End-to-End Testing: Comprehensive E2E tests for user flows using Cypress.
- Unit & Integration Testing: Automated testing setup with Jest for both backend and frontend components.
Backend:
- Node.js, Express.js
- MongoDB (Atlas) & Mongoose
- Redis (caching, token management)
- JWT (authentication)
- Socket.io (real-time communication)
- dotenv (environment variables)
Frontend:
- React (Vite)
- Tailwind CSS, Animate.css
- Remix Icon, Motion.js, GSAP, Three.js
AI Integration:
- Google Generative AI (
@google/generative-ai) - Google Jules (Bug Fixes)
- Speech Recognition API
- Text-to-Speech
+-------------------+ +---------------------+ +-------------------+
| Frontend | <-----> | Backend | <-----> | MongoDB Atlas |
| (React, Vite) | REST | (Node, Express, | ODM | (Database) |
| + Socket.io | & WS | Socket.io, Redis) | | |
+-------------------+ +---------------------+ +-------------------+
| ^
| |
v |
+-------------------+ |
| Google Gen AI | <----------------+
| Speech APIs |
+-------------------+
Below are screenshots demonstrating key features and pages of ChatRaj. All images are located in the
Screenshotsfolder.
- Node.js & npm: Download
- MongoDB Atlas Account: Sign Up
- Redis Instance: Redis Cloud or local install
- Google AI API Key: Get API Key
- Git: Download
-
Clone the Repository
git clone https://github.com/Abhirajgautam28/Chatraj.git cd ChatRaj -
Install Dependencies
# Backend cd Backend npm install # Frontend cd ../frontend npm install
-
Backend Environment Variables
Create
Backend/.env:PORT=8080 MONGODB_URI=your_mongodb_atlas_connection_string JWT_SECRET=your_jwt_secret REDIS_HOST=your_redis_host REDIS_PORT=your_redis_port REDIS_PASSWORD=your_redis_password GOOGLE_AI_KEY=your_google_ai_key
-
Frontend Environment Variables
Create
frontend/.env:VITE_API_URL=http://localhost:8080
-
Start Backend
cd Backend npm run dev -
Start Frontend
cd ../frontend npm run dev -
Access the App
- Open http://localhost:5173 in your browser.
ChatRaj/
├── Backend/ # Express API, Socket.io, MongoDB, Redis
│ ├── routes/
│ ├── models/
│ ├── controllers/
│ ├── db/
│ ├── server.js
│ └── .env
├── frontend/ # React client
│ ├── src/
│ ├── public/
│ └── .env
└── README.md
- Register a new account or log in with existing credentials.
- JWT-based authentication secures your session.
- Create new projects and organize them by category.
- Invite collaborators and assign roles.
- Manage files and folders with real-time updates.
- Use the chat system for instant communication.
- Edit code together in real time.
- See who is online and active in your project.
- Mention
@ChatRajin chat for code help, explanations, or suggestions. - Use voice input for hands-free commands and messaging.
- Manage your chat history and set auto-delete preferences.
- Customize the interface: themes, font sizes, sidebar width, and more.
- Choose your preferred language.
We welcome contributions! To get started:
- Fork the repository and create a new branch.
- Implement your changes with clear, concise commits.
- Test thoroughly before submitting.
- Open a Pull Request with a detailed description.
Please follow our Code of Conduct and ensure your code adheres to project standards.
- AI Model Training: Task-specific AI enhancements.
- Advanced Debugging: Real-time error detection and suggestions.
- Expanded Language Support: More languages for global teams.
- Visual Studio Code Support: Provide support for Visual Studio Code in the Project Page.
- Enhanced Privacy: Advanced data protection and compliance.
- Mobile App: Native mobile experience.
- Plugin System: Extend ChatRaj with custom plugins.
This project is licensed under the MIT License.
For questions, support, or feedback:
- GitHub Issues: Open an Issue
- Email: abhirajgautam28@gmail.com
Thank you for using ChatRaj! If you like this project, please star the repository and share your feedback.