https://github.com/somya-garg26/chat-app
Real-Time Chat App with Socket.io
https://github.com/somya-garg26/chat-app
axios css3 html5 javascript mongodb nodejs reactjs realtimechatapp socket-io vscode
Last synced: 3 months ago
JSON representation
Real-Time Chat App with Socket.io
- Host: GitHub
- URL: https://github.com/somya-garg26/chat-app
- Owner: Somya-garg26
- Created: 2025-06-20T07:38:14.000Z (about 1 year ago)
- Default Branch: main
- Last Pushed: 2025-06-20T08:52:43.000Z (about 1 year ago)
- Last Synced: 2025-06-20T09:36:01.346Z (about 1 year ago)
- Topics: axios, css3, html5, javascript, mongodb, nodejs, reactjs, realtimechatapp, socket-io, vscode
- Language: JavaScript
- Homepage:
- Size: 6.34 MB
- Stars: 1
- Watchers: 0
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Chat-app
##MERN Stack Real-Time Chat App
This is a real-time chat application built using the MERN stack (MongoDB, Express.js, React.js, Node.js) along with Socket.io for live, bi-directional communication between users
##About the Project
This project is a basic version of a real-time group chat app. Users can send and receive messages instantly. It’s a full-stack application where:
-The backend handles user connections, chat messages, and database storage.
-The frontend displays the chat UI and connects users using Socket.io.
##Features
1.Real-time messaging using Socket.io
2.MongoDB integration for storing chat history
3.Simple and clean user interface
4.Multiple users can chat at the same time
5.React-based frontend with live updates
##How the Project is Built
1.Backend (Node + Express)
-Created REST APIs to handle messages and user login.
-Connected to MongoDB using Mongoose.
-Added Socket.io server for handling real-time events.
2.Frontend (React)
-Created chat interface using React components.
-Used Socket.io client to send and receive live messages.
-Integrated Axios for API calls to the backend.
3.Real-time Chat
-Users join the chat via the frontend.
-When one user sends a message, it is emitted through Socket.io.
-The server receives and broadcasts it to all other connected users.
-Messages are saved in MongoDB for history.
##How to Run the Project
## Backend:
cd server
npm install
node index.js
## Frontend:
cd client
npm install
npm start
##What I Learned
-How real-time apps work using Socket.io
-Full-stack development with the MERN stack
-Connecting frontend and backend with APIs and sockets
-Organizing a project from backend to frontend
## Future Improvements
-Add user authentication (login/register)
-Support private chats or rooms
-Improve mobile responsiveness
-Add emojis and file sharing
##Screenshots of my output:-
