Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/arthurarakelyan/websockets-chat-example

💬 A simple example of chat website created with React and Socket-io
https://github.com/arthurarakelyan/websockets-chat-example

express nodejs react redux-toolkit socket-io typescript websocket

Last synced: about 1 month ago
JSON representation

💬 A simple example of chat website created with React and Socket-io

Awesome Lists containing this project

README

        

# websockets-chat-example

![image](https://github.com/ArturArakelyan0411/websockets-chat-example/assets/71519856/5e7c5a3f-ce91-44bd-96a4-bf3957b025fd)

A simple example of chat website which allows you to create a room, then share the room with another user and chat with him.

## Front End

The front-end part of the chat

## Project setup

This project uses `yarn` as a package manager.

Node version: `18.7.1`

NPM version: `1.22.19`

### Install Dependencies
```bash
yarn
```

### Run Development Server

Open http://localhost:3000 with your browser to see the result.

```bash
yarn start
```

### Build

```bash
yarn build
```

## Tech Stack


TypeScript  
React  
Redux Toolkit  
MUI  
Socket-io  

## Back End

The back-end part of the chat

## Project setup

This project uses `yarn` as a package manager.

Node version: `18.7.1`

NPM version: `1.22.19`

### Install Dependencies
```bash
yarn
```

### Run Development Server

Open http://localhost:5000 with your browser to see the result.

```bash
yarn dev
```

### Run Server

Open http://localhost:5000 with your browser to see the result.

```bash
yarn start
```

## Tech Stack


Nodejs  
Express  
Socket-io Â