Forem: Akash Santra The latest articles on Forem by Akash Santra (@akash_santra_3c96613546c6). https://forem.com/akash_santra_3c96613546c6 https://media2.dev.to/dynamic/image/width=90,height=90,fit=cover,gravity=auto,format=auto/https:%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F3845534%2F7776dc1e-dab5-433e-ab5b-1defb9cc9839.jpg Forem: Akash Santra https://forem.com/akash_santra_3c96613546c6 en I Built an AI-Powered Real-Time Chat App with React, Node.js and Machine Learning Akash Santra Fri, 27 Mar 2026 04:22:52 +0000 https://forem.com/akash_santra_3c96613546c6/i-built-an-ai-powered-real-time-chat-app-with-react-nodejs-and-machine-learning-52el https://forem.com/akash_santra_3c96613546c6/i-built-an-ai-powered-real-time-chat-app-with-react-nodejs-and-machine-learning-52el <p><a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2F4v8j1kdgjwxxiclljt0n.png" class="article-body-image-wrapper"><img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2F4v8j1kdgjwxxiclljt0n.png" alt=" " width="800" height="264"></a>I built a full-stack real-time chat application inspired by modern messaging platforms, but enhanced with AI automation and Machine Learning moderation.</p> <p>GitHub Repo: <a href="https://github.com/Akash504-ai/Chat-app" rel="noopener noreferrer">https://github.com/Akash504-ai/Chat-app</a></p> <p>Live Demo: <a href="https://chat-app-sooty-mu.vercel.app" rel="noopener noreferrer">https://chat-app-sooty-mu.vercel.app</a></p> <p>What makes this project different?</p> <p>This is not just a basic chat app. It is designed like a production-ready communication platform with real-world features.</p> <p>Core Features</p> <ul> <li>Real-time one-to-one and group chat using Socket.io</li> <li>Message reactions, replies, pin and delete</li> <li>Seen status with tick indicators</li> <li>Global message search</li> </ul> <p>AI and Machine Learning Features</p> <ul> <li>AI chatbot integration using Groq API</li> <li>Toxic message detection using ML models</li> <li>Spam detection system</li> <li>Admin moderation pipeline</li> </ul> <p>Communication Features</p> <ul> <li>Voice and video calling using ZegoCloud</li> </ul> <p>Security and Authentication</p> <ul> <li>Secure login and signup</li> <li>Three-level security questions</li> <li>Password recovery with identity verification</li> </ul> <p>UI and Customization</p> <ul> <li>Built with Tailwind CSS and DaisyUI</li> <li>Dynamic themes</li> <li>Custom chat wallpapers</li> </ul> <p>Admin Panel</p> <ul> <li>User management system</li> <li>Report handling and moderation</li> <li>Analytics dashboard</li> <li>CSV export support</li> </ul> <p>Tech Stack</p> <p>Frontend</p> <ul> <li>React.js</li> <li>Tailwind CSS</li> <li>DaisyUI</li> </ul> <p>Backend</p> <ul> <li>Node.js</li> <li>Express.js</li> <li>Socket.io</li> </ul> <p>Machine Learning Service</p> <ul> <li>FastAPI</li> <li>Scikit-learn models</li> </ul> <p>Database</p> <ul> <li>MongoDB</li> </ul> <p>Architecture</p> <ul> <li>Frontend handles UI and client logic</li> <li>Backend manages APIs and real-time communication</li> <li>ML service handles moderation and predictions</li> </ul> <p>This separation makes the system scalable and closer to real-world applications.</p> <p>What I Learned</p> <ul> <li>Building real-time systems with Socket.io</li> <li>Integrating Machine Learning into production apps</li> <li>Designing scalable architecture</li> <li>Handling complex chat state and features</li> </ul> <p>Future Improvements</p> <ul> <li>Improving ML models</li> <li>Adding push notifications</li> <li>Better mobile responsiveness</li> <li>UI and UX improvements</li> <li>Use webRTC instead of ZegoCloud</li> <li>Any feature which can improve this</li> </ul> <p>Contributing</p> <p>Contributions are welcome<br> Feel free to fork the repository and submit a pull request.<br> <a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2F3xuzi95nomqzgfewjle3.png" class="article-body-image-wrapper"><img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2F3xuzi95nomqzgfewjle3.png" alt=" " width="800" height="264"></a></p> react machinelearning node ai