chat

Demo chat for zod-sockets

Stars
5

Demo chat for zod-sockets

The demonstration of zod-sockets and express-zod-api working together as the Socket.IO and Express based chat core using oAuth authentication via social networks.

  • Three oAuth providers: Facebook, Twitter, Google (handled by express-zod-api);
  • The application is aware of the events I/O types (handled by zod-sockets):
  • It makes a sound on new incoming messages;
  • It shows who are typing messages now;
  • Converts URLs to anchors and fetch webpage's previews, photos and videos from Embedly API.

Demo

Try it on https://chat.robintail.cz/

Screenshots

Responsive design by @DERZELLE (clickable previews for 'lg', 'sm' and 'xs' screens).

Embedly API sample fetch.

Technologies

  • NodeJS
  • Typescript
  • express-zod-api (Express based)
  • zod-sockets (Socket.io based)
  • Passport
  • React
  • Vite