ChatApp is a real-time chat application built with Node.js, Express, React, and Redux Toolkit. The application allows users to communicate through private and group chats, with real-time updates powered by WebSockets. The app also integrates with Cloudinary for image uploads and provides an intuitive user interface for a seamless chatting experience.
- Real-time messaging: Instant updates for new messages via WebSockets. π
- User authentication: Secure login and user management. π
- Image upload: Users can upload images via Cloudinary. πΌοΈ
- Private and group chats: Support for both private and group conversations. π₯
- Notifications: Receive notifications for new messages even when not in the active chat. π
- Message persistence: Messages are saved and can be retrieved from the backend. πΎ
- Responsive UI: Built with React and styled for both desktop and mobile users. π±π»
-
Frontend:
- React βοΈ
- Redux Toolkit for state management π οΈ
- React Router for routing π£οΈ
- Axios for HTTP requests π
- React Toastify for notifications π§
- Cloudinary for image uploads βοΈ
-
Backend:
- Node.js π©
- Express π
- MongoDB for data storage ποΈ
- Socket.io for real-time messaging π
-
Authentication:
- JWT (JSON Web Tokens) for user authentication πͺ