Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/emreaknci/chatapp
https://github.com/emreaknci/chatapp
mui nodejs react socket socket-io socket-programming whatsapp
Last synced: about 2 months ago
JSON representation
- Host: GitHub
- URL: https://github.com/emreaknci/chatapp
- Owner: emreaknci
- Created: 2024-05-02T06:51:41.000Z (8 months ago)
- Default Branch: main
- Last Pushed: 2024-05-21T16:51:19.000Z (8 months ago)
- Last Synced: 2024-05-21T18:02:32.505Z (8 months ago)
- Topics: mui, nodejs, react, socket, socket-io, socket-programming, whatsapp
- Language: TypeScript
- Homepage:
- Size: 1.85 MB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Chat App
This application is a messaging application inspired by WhatsApp. It supports individual, group and broadcast messaging.
## Tech Stack
**Client:** React, Material UI
**Server:** Node, Express
**Database:** Mongo
## Environment Variables
Firstly you need to have a mongodb URI. After this, you must change the URI in the .env file in the server app.
`MONGO_URI`
## Installation
The server application runs on port 5000 and the socket runs on port 5001.
The client application runs on port 5173.
If you want, you can change the ports as you wish.
```bash
git clone https://github.com/emreaknci/ChatApp.git
```
#### For Client App;
```bash
cd client
npm install
npm start
```
#### For Server App;
```bash
cd server
npm install
npm start
```
## Some Screenshots
| *Login* | *Register* |
| --- | --- |
| 
| 
|
| *Chats* | *Private Chat* |
| --- | --- |
| 
| 
|
| *Create Group Chat* | *Group Chat* |
| --- | --- |
| 
| 
|
## Authors
- [@emirhanusta](https://www.github.com/emirhanusta)
- [@emreaknci](https://www.github.com/emreaknci)