https://github.com/ayush-ojha-11/chat-app--mern-and-socket-io-
Realtime chat application (MERN & Socket.IO) 💬 🚀
https://github.com/ayush-ojha-11/chat-app--mern-and-socket-io-
chat-app chat-application expressjs mer mongodb nodejs react socket-io website
Last synced: 2 months ago
JSON representation
Realtime chat application (MERN & Socket.IO) 💬 🚀
- Host: GitHub
- URL: https://github.com/ayush-ojha-11/chat-app--mern-and-socket-io-
- Owner: ayush-ojha-11
- Created: 2025-03-27T14:43:21.000Z (2 months ago)
- Default Branch: main
- Last Pushed: 2025-03-28T07:02:23.000Z (2 months ago)
- Last Synced: 2025-03-28T08:20:16.330Z (2 months ago)
- Topics: chat-app, chat-application, expressjs, mer, mongodb, nodejs, react, socket-io, website
- Language: JavaScript
- Homepage:
- Size: 93.8 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Realtime Chat Application
This is a **Realtime Chat Application** built using the **MERN stack** (MongoDB, Express.js, React.js, Node.js) and **Socket.IO** for real-time communication.
## Features
- User authentication and authorization.
- Real-time messaging with Socket.IO.
- Group chat functionality.
- Responsive design for all devices.
- MongoDB for database management.
## Tech Stack
- **Frontend**: React.js, HTML, CSS
- **Backend**: Node.js, Express.js
- **Database**: MongoDB
- **Real-time Communication**: Socket.IO
## Installation
1. Clone the repository:
```bash
git clone https://github.com/ayush-ojha-11/Chat-App.git
```
2. Install dependencies for both frontend and backend:
```bash
cd frontend
npm install
cd ../backend
npm install
```
3. Create a `.env` file in the `backend` directory and add the following:
```
MONGO_URI=your_mongodb_connection_string
JWT_SECRET=your_jwt_secret
SOCKET_PORT=your_socket_port
```
4. Start the application:
- Backend:
```bash
cd backend
npm run dev
```
- Frontend:
```bash
cd frontend
npm run dev
```
5. Open your browser and navigate to `http://localhost:5173`.
## Screenshots
### Login Page
### Home Page
### Chat Interface
## Folder Structure
```
/frontend
├── public
├── src
├── components
├── pages
├── utils
/backend
├── config
├── controllers
├── models
├── routes
```
## Contributing
Contributions are welcome! Please fork the repository and submit a pull request.
## Contact
For any inquiries, feel free to reach out:
- Email: [email protected]
- GitHub: [ayush-ojha-11](https://github.com/ayush-ojha-11)