39 WebSockets Examples
iTunes Remote: ITunes web UI. Express backend uses Websockets, AppleScript.
ReactiveTrader: FX trading platform demo. OpenFin. Uses ESP to handle models, apply updates.
ManyGolf: Fun, Massively multiplayer procedurally-generated 2d golf. Canvas, Redux, Typescript.
fx: Exchange rates streamed over websockets with React Typescript frontend
phoenix battleship: Networked Battleship game. Backend is Phoenix+Elixir. Client listens to socket, dispatches Redux actions.
react sketchpad: Canvas drawing. Tools include Line, Ellipse, Pencil, Rectangle. Can optionally synch via Websockets.
pdxlivebus: Live feed of Portland bus/rail locations. Same codebase for web, native apps. Leaflet maps. Does 'hot reloading' server-side in Express by watching for FS changes, and clearing require cache.
Retrospected: Great multi-user Retrospective board. Uses sockets, redux, redux-saga, internationalized. Express backend.
storyboard: Colorful logs: End-to-end, hierarchical, real-time, and stories. Includes server-side logs, and story ID's to correlate server+client logs.
glances: Heads-up dashboard for displaying statuses. Tiles fetch data via websockets.
todo react redux: TODO app backed by Firebase. Can sign in with twitter, google, github.
sprint poker: Collaborative real-time sprint estimation tool. Back-end is Elixir, Phoenix.
phoenix trello: Trello clone done in Elixir, Phoenix Framework, React, Redux and Websockets. Edits synch in real-time.
Rails ActionCable Chat: Chat app with Rails 5 ActionCable (integrated websockets), translated from DHH's demo.
pouch websocket sync example: PouchDB Websocket Demo using React, Redux and pouch-websocket-sync.
RethinkDB Pulse: Fullstack social app. RethinkDB changes are pushed over sockets. Redux-thunk, Express, SuperAgent. Universal rendering.
universityjs react drone: Flying a Parrot mini-drone (rolling spider). Express server listens on a websocket for instructions.
Redux SocketIO chat: Ambitious Redux app- 7 reducers. Client uses redux with redux-promise Middleware, redux-react-router, redux-persist. Backend is express, mongoose, passport.
Synched Flux Stores: Flux over the wire-- drop-in replacement for Flux dispatcher, sends actions to all clients over a socket.
Pusher chat: Chat app using Pusher to track users in chat room. Backend: Python with Flask.
WRDebug (Browser Only)
: ✅ Pre-render cache hit. |