https://github.com/realtimechatapplication/chat-app-next-socket

This is the real-time communication provided by Socket.io to create an open chat application that allows users to send and receive messages from several users on the application.
https://github.com/realtimechatapplication/chat-app-next-socket

nextjs nodejs websocket websocket-client websocket-server

Last synced: 21 days ago
JSON representation

This is the real-time communication provided by Socket.io to create an open chat application that allows users to send and receive messages from several users on the application.

• Host: GitHub
• URL: https://github.com/realtimechatapplication/chat-app-next-socket
• Owner: RealTimeChatApplication
• Created: 2024-08-09T05:03:08.000Z (3 months ago)
• Default Branch: master
• Last Pushed: 2024-08-09T14:05:11.000Z (3 months ago)
• Last Synced: 2024-10-11T14:07:14.641Z (about 1 month ago)
• Topics: nextjs, nodejs, websocket, websocket-client, websocket-server
• Language: TypeScript
• Homepage:
• Size: 136 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# chat-app-next-socket

## Built With :package:











 





 



## How to build & run? :dart:

  Make sure you have [Nodejs](https://nodejs.org/en/download) installed anc clone this repository on local PC.

  ```bash

  node --version

  ```

```bash

git clone 

```

- Install the dependencies:

  ```bash

  cd client && npm install

  cd ..

  cd server && npm install

  ```

	- Installs all the dependencies required by the project.

- Run dev server

	```bash

  cd server && npm start

  cd ..

  cd client n&& npm run dev

	```

- Build

	```bash

	npm run build

	```

- Run Server

	```bash

	cd dist

    npx serve -s -l 80

	```

- To contribute, make pull request for your own branch:

  ```bash

  git add .

  git commit -m ""

  git push origin 

  ```

## Description

We have all encountered chat over the web, that can be Facebook, Instagram, Whatsapp and the list goes on.

Just to give a bit of context, you send a message to a person or a group, they see the message and reply back. Simple yet complex.

To develop a chat app you would need to be aware of new messages as soon as they arrive.

Usually, to get information from the server you need send an HTTP request. With websockets, the server lets you know when there is new information without asking it.

In this project, we leveraged the real-time communication provided by Socket.io to create an open chat application that allows users to send and receive messages from several users on the application. 

You will also learn how to detect the users who are online and when a user is typing.