https://github.com/abhishek07788/live-chat-app
One to One Chat app
https://github.com/abhishek07788/live-chat-app
axios expressjs javascript material-ui mongodb moongose nextjs nodejs socket-io socket-io-client typescript
Last synced: 3 months ago
JSON representation
One to One Chat app
- Host: GitHub
- URL: https://github.com/abhishek07788/live-chat-app
- Owner: Abhishek07788
- Created: 2024-02-27T06:25:06.000Z (over 1 year ago)
- Default Branch: main
- Last Pushed: 2025-04-24T09:29:48.000Z (6 months ago)
- Last Synced: 2025-04-24T10:36:20.508Z (6 months ago)
- Topics: axios, expressjs, javascript, material-ui, mongodb, moongose, nextjs, nodejs, socket-io, socket-io-client, typescript
- Language: TypeScript
- Homepage:
- Size: 849 KB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# 💬 Live Chat App
A real-time **chat application** built using **MERN Stack** (MongoDB, Express, React, Node.js) with **Socket.io** for live messaging functionality.
---
## 🚀 Getting Started
### 🛠️ Clone the Repository
```bash
git clone https://github.com/Abhishek07788/live-chat-app.git
cd live-chat-app
```
---
## 🖥️ Start the Frontend
```bash
cd frontend
npm install
npm run dev
```
This will start the frontend on [http://localhost:3000](http://localhost:3000)
---
## 🔌 Start the Backend
```bash
cd backend
npm install
```
### 🔐 Setup Environment Variables
Create a `.env` file in the `backend` folder. Use the structure from `envExample`:
```bash
cp envExample .env
```
Then run the server:
```bash
npm run server
```
This will start the backend on [http://localhost:5000](http://localhost:5000)
---
## 🧰 Tech Stack
- **Frontend**: React, Axios, Socket.io-client
- **Backend**: Node.js, Express, MongoDB, Socket.io
- **Authentication**: JWT
- **Real-time Messaging**: WebSockets (via Socket.io)
---
## 📸 Preview
---
## 👨💻 Author
**Abhishek Solanki**
[🌐 Portfolio](https://abhishek07788.github.io/) | [🐱 GitHub](https://github.com/Abhishek07788) | [💼 LinkedIn](http://www.linkedin.com/in/abhishekpratapsolanki)