Ecosyste.ms: Awesome

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

Awesome Lists | Featured Topics | Projects

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

PoC / exploration project that I've built to gain some knowledge on websocket implementation on both client & server sides. It uses React, Typescript, Zustand, Socket.io, Express and OpenAPI
https://github.com/abelflopes/websocket-chat

api backend front-end fullstack lerna monorepo react redux rest socket-io websocket zustand

Last synced: about 2 months ago
JSON representation

PoC / exploration project that I've built to gain some knowledge on websocket implementation on both client & server sides. It uses React, Typescript, Zustand, Socket.io, Express and OpenAPI

Awesome Lists containing this project

README

        

# Websocket Chat

This is a PoC / exploration project that I've built to gain some knowledge on websocket implementation on both client & server sides.

This project is set up as a monorepo split into `api`, `api-client` and `client-app` app, being a rest + socket api, a an abstracted api client and the front end application, respectively.

To run this project, simply clone the repo, run `cpm ci`, `npm start` and access `http://localhost:5050` in 2 different browsers to see things working.

![Demo](./docs//images/demo.png)

> **Note:** This has only been tested with Node 18 & npm 9.