Ecosyste.ms: Awesome

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

Awesome Lists | Featured Topics | Projects

https://github.com/eddiescj/chat-frontend

A simple web react app to provide support in learning how to use socket.io built on [Backend Project](https://github.com/EddieSCJ/chat-api)
https://github.com/eddiescj/chat-frontend

chat react socketio socketiochat socketioclient websocket websockets-client

Last synced: about 1 month ago
JSON representation

A simple web react app to provide support in learning how to use socket.io built on [Backend Project](https://github.com/EddieSCJ/chat-api)

Awesome Lists containing this project

README

        

# Chat Frontend

A simple web react app to provide support in learning how to use socket.io built on [Backend Project](https://github.com/EddieSCJ/chat-api)

### How it works?
The username data is saved in localstorage (I needed to do this project fast because the main focus was in kafka and socket.io) and after you typed your username it will be saved in the browser, so you can start to type your messages

If you wanna simulate two different chats and users, just open a private navigation (incognito mode) and repeat the process.

### How can I run it?
* First download and run the backend project
* Just download the project and type npm start (maybe you need type npm install before)

### Pictures

![Starter Page](https://user-images.githubusercontent.com/47372251/109380721-5a0ac100-78b5-11eb-99e3-9efdba3d71bd.PNG)

![Chat](https://user-images.githubusercontent.com/47372251/109380719-51b28600-78b5-11eb-8274-ae748846cc59.PNG)