Awesome

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):
  • See Generated client,
  • See the generator
• 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