Real-time Chat Application
A full-featured chat application with real-time messaging capabilities, user authentication, and multiple chat rooms.
Project Overview
This chat application is a comprehensive solution for real-time communication, featuring a modern user interface and robust backend functionality. The application supports multiple chat rooms, user authentication, and message history.
Project Gallery
Register Form
View Messages
All Messages
Key Features
- Real-time messaging using WebSocket technology
- User authentication and authorization
- Multiple chat rooms support
- Message history and persistence
- Responsive and modern UI design
- Online/offline user status
- Message notifications
Technology Stack
JavaScript
MongoDB
Firebase
Cloudinary
Render
WebSocket
HTML5
CSS3
Setup Instructions
Prerequisites
- Node.js and npm
- MongoDB Atlas account
- Firebase account
- Cloudinary account
Installation Steps
- Clone the repository:
git clone https://github.com/BrezzeT/chat-app.git - Set up environment variables:
- MongoDB connection string
- Firebase configuration
- Cloudinary credentials
- Install dependencies:
npm install - Start the development server:
npm start
Deployment
The application is deployed on Render. To deploy your own instance:
- Create a Render account
- Connect your GitHub repository
- Configure environment variables in Render dashboard
- Deploy the application
Important Notes
⚠️ The application requires the following services to be properly configured:
- MongoDB Atlas database connection
- Firebase authentication and real-time features
- Cloudinary for media storage
- Render for hosting