https://github.com/ali-sanad/chat-app
Realtime Chat Application 💬 Created with React, Node and Socket.IO ❤️
https://github.com/ali-sanad/chat-app
express nodejs react-router-dom-v6 reactjs socket-io
Last synced: 2 months ago
JSON representation
Realtime Chat Application 💬 Created with React, Node and Socket.IO ❤️
- Host: GitHub
- URL: https://github.com/ali-sanad/chat-app
- Owner: Ali-Sanad
- License: mit
- Created: 2021-11-10T01:32:05.000Z (over 4 years ago)
- Default Branch: main
- Last Pushed: 2024-11-02T16:51:32.000Z (over 1 year ago)
- Last Synced: 2025-06-17T22:42:47.220Z (about 1 year ago)
- Topics: express, nodejs, react-router-dom-v6, reactjs, socket-io
- Language: JavaScript
- Homepage: https://web-socket-live-chat.glitch.me/
- Size: 761 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# Chat App
A real-time chat application built with **React**, **Node.js**, and **Socket.IO**, utilizing **Express.js** for server-side handling. This app allows users to communicate in real-time through a responsive and interactive UI. ❤️
## Features
- Real-time messaging powered by Socket.IO
- Responsive user interface with React
- Server-side handling with Express.js
- Scalable and efficient architecture for smooth communication
## Tech Stack
- **Frontend**: React
- **Backend**: Node.js, Express.js
- **WebSocket Communication**: Socket.IO
### How to use
> Install locally
1. Clone the repository:
```bash
git clone https://github.com/ali-sanad/chat-app.git
cd chat-app
```
2. Install dependencies for both client and server:
```bash
npm install
```
### Running the Application
1. Start the server:
```bash
npm run server
```
2. Start the client:
```bash
cd ./client
npm install
npm run client
```
3. Open your browser at `http://localhost:3000` to access the app.
---
Or you can view the app live at https://web-socket-live-chat.glitch.me 🚀
Happy chatting!