https://github.com/willemverbuyst/socket-playground
https://github.com/willemverbuyst/socket-playground
react socket-io tailwindcss
Last synced: about 1 month ago
JSON representation
- Host: GitHub
- URL: https://github.com/willemverbuyst/socket-playground
- Owner: willemverbuyst
- Created: 2023-10-13T12:53:55.000Z (about 2 years ago)
- Default Branch: main
- Last Pushed: 2023-11-28T06:49:19.000Z (almost 2 years ago)
- Last Synced: 2024-10-12T14:38:37.250Z (about 1 year ago)
- Topics: react, socket-io, tailwindcss
- Language: TypeScript
- Homepage:
- Size: 432 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Dashboard
WIP study project having multiple servers sending messages to a React client using:
- sockets (socket IO)
- server sent events
```mermaid
flowchart LR
FooBar(("`__FooBar__
NodeJS server`"))
Quux(("`__Quux__
NodeJS server`"))
Baz(("`__Baz__
NodeJS server`"))
Corge(("`__Corge__
NodeJS server`"))
Waldo(("`__Waldo__
Deno server`"))
Grault(("`__Grault__
Python server`"))
Dashboard((("`__Dashboard__
React client`")))
FooBar--socket-->Dashboard
Quux--socket-->Dashboard
Baz--socket-->Dashboard
Corge--socket-->Dashboard
Waldo--socket-->Dashboard
Grault--socket-->Dashboard
Auth(("`__Auth__
NodeJS server`"))
Garply(("`__Garply__
NodeJS server`"))
Xyzzy(("`__Xyzzy__
NodeJS`"))
AuthDB[(? DB)]
XyzzyDB[(? DB)]
GarplyDB[(Postgresql DB)]
Auth<-->AuthDB
Auth--sse-->Dashboard
Dashboard--rest-->Auth
Garply--rest-->Auth
Garply<-->GarplyDB
Garply--sse-->Dashboard
Xyzzy--rest-->Auth
Xyzzy--rest-->Garply
Xyzzy<-->XyzzyDB
Xyzzy<--socket-->Dashboard
```