ChatArena

ChatArena is a robust and fully functional AI Powered Chat Application built using the MERN stack (MongoDB, Express, React, Node.js) and Socket.Io.

Features

• AI Assistance: Users can talk to AI Amigo anytime.
• Real-Time Messaging: Users can send and receive messages instantly using Socket.io.
• Online Status Updates: See who is online in real-time.
• File Sharing: Allow users to share files within the chat.
• User Authentication: Secure login, signup, and logout functionality using JWT, Cookie Parser, and bcrypt for password hashing.
• Responsive Design: A smooth and intuitive interface using Tailwind CSS and DaisyUI.
• Toast Notifications: User feedback through react-toaster for messages and alerts.

Technologies Used

• MongoDB: database for storing user and message data.
• Express: Web framework for Node.js to handle server-side logic.
• React: Frontend library for building the user interface.
• Zustand: Global state Management.
• Node.js: JavaScript runtime for the backend server.
• Socket.io: Library for real-time, bidirectional communication.
• JWT: JSON Web Tokens for authentication and secure sessions.
• Http only Cookies: No session storage, JWT is store in Http cookies only.
• Cookie Parser: Middleware for handling cookies.
• bcrypt: Library for hashing passwords.
• Tailwind CSS: Utility-first CSS framework for styling.
• DaisyUI: Component library for Tailwind CSS to quickly build beautiful UIs.
• react-toaster: Library for displaying toast notifications.
• Gemini-API: Integarting Chat Bot, model: "gemini-2.0-flash".

Deployment

The application is deployed on Render - (https://chatarena-frpx.onrender.com)