https://github.com/justadudewhohacks/websocket-chat

Websocket based group chat app built with socket.io and react.
https://github.com/justadudewhohacks/websocket-chat

chat javascript material-ui nodejs react reactjs socket-io styled-components websocket

Last synced: about 1 month ago
JSON representation

Websocket based group chat app built with socket.io and react.

• Host: GitHub
• URL: https://github.com/justadudewhohacks/websocket-chat
• Owner: justadudewhohacks
• Created: 2018-02-17T18:12:32.000Z (about 7 years ago)
• Default Branch: master
• Last Pushed: 2018-02-22T21:21:24.000Z (about 7 years ago)
• Last Synced: 2025-03-28T13:08:56.348Z (about 2 months ago)
• Topics: chat, javascript, material-ui, nodejs, react, reactjs, socket-io, styled-components, websocket
• Language: JavaScript
• Size: 1.32 MB
• Stars: 798
• Watchers: 34
• Forks: 305
• Open Issues: 5
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
*Websocket based group chat app built with socket.io, react and material-ui à la The Walking Dead flavor*

Check out the tutorial:



Building a Node.js WebSocket Chat App with Socket.io and React 

![demo](https://user-images.githubusercontent.com/31125521/36561436-fb278416-1813-11e8-8ff1-e15c61da88b5.gif)

Install.

``` bash

npm install

```

Run the socket server.

``` bash

npm run server

```

Run dev server, clients can be requested on localhost:3001.

``` bash

npm run client

```

# Demo

[![IMAGE ALT TEXT](https://user-images.githubusercontent.com/31125521/36549564-5f8a8c76-17f3-11e8-97fd-a7424f4905be.jpg)](https://www.youtube.com/watch?v=EHL_2JEAsbQ "Nodejs WebSocket Chat App with socket.io, Reactjs and material-ui")