Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
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)
- Host: GitHub
- URL: https://github.com/eddiescj/chat-frontend
- Owner: EddieSCJ
- License: mit
- Created: 2021-02-16T00:27:25.000Z (over 3 years ago)
- Default Branch: main
- Last Pushed: 2021-02-27T07:36:55.000Z (over 3 years ago)
- Last Synced: 2023-03-06T17:34:07.929Z (over 1 year ago)
- Topics: chat, react, socketio, socketiochat, socketioclient, websocket, websockets-client
- Language: JavaScript
- Homepage: https://dev.to/eddiescj
- Size: 413 KB
- Stars: 0
- Watchers: 2
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
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 messagesIf 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)