https://github.com/kumarabhishek188/chat-app
This project involves building a real-time chat application with an Express server and Socket.IO. The Express server handles HTTP requests and serves the client-side files, while Socket.IO enables real-time, bidirectional communication between clients and the server. Users can join chat rooms, send messages, and see updates in real-time.
https://github.com/kumarabhishek188/chat-app
express nodejs socket-io
Last synced: 9 months ago
JSON representation
This project involves building a real-time chat application with an Express server and Socket.IO. The Express server handles HTTP requests and serves the client-side files, while Socket.IO enables real-time, bidirectional communication between clients and the server. Users can join chat rooms, send messages, and see updates in real-time.
- Host: GitHub
- URL: https://github.com/kumarabhishek188/chat-app
- Owner: kumarabhishek188
- Created: 2024-03-06T04:10:39.000Z (almost 2 years ago)
- Default Branch: main
- Last Pushed: 2025-03-06T10:56:31.000Z (10 months ago)
- Last Synced: 2025-03-06T11:38:11.491Z (10 months ago)
- Topics: express, nodejs, socket-io
- Language: JavaScript
- Homepage: https://beautiful-scone-55ab8b.netlify.app/
- Size: 23.2 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# MERN Stack Chat Application
This is a MERN (MongoDB, Express.js, React.js, Node.js) stack chat application built using Socket.io for real-time communication.
## Features
- Real-time messaging using Socket.io
- User authentication
- Responsive UI design with Tailwind CSS and Daisy UI components
- Toast notifications for important events
## Technologies Used
- **Frontend**: React.js, Vue.js
- **Database**: MongoDB with Mongoose
- **CSS**: Tailwind CSS (with Daisy UI components)
- **Library**: Toast
- **Server**: Socket.io
## Getting Started
### Prerequisites
- Node.js and npm installed on your machine
- MongoDB database
### Installation
1. Clone the repository:
git clone https://github.com/abhishekkumar188/mern-chat-app.git
css
Copy code
2. Navigate to the project directory:
cd mern-chat-app
markdown
Copy code
3. Install dependencies:
npm install
sql
Copy code
4. Set up environment variables:
Create a `.env` file in the root directory and add the following variables:
MONGODB_URI=your_mongodb_connection_string
SECRET_KEY=your_secret_key_for_jwt
typescript
Copy code
Replace `your_mongodb_connection_string` with your MongoDB connection string and `your_secret_key_for_jwt` with your secret key for JWT.
5. Start the development server:
npm start
markdown
Copy code
6. Visit `http://localhost:3000` in your browser to view the application.
## Usage
- Register an account or log in if you already have one.
- Start chatting with other users in real-time.
- Enjoy the seamless experience of instant messaging!