React and NodeJS Websockets: A Rapid Guide

Set up a node.js express app and enable cross-origin resource sharing. Create a simple get API that returns a hello message and run it on port 8000 with npm start.

Add TypeScript to the project for type safety and to work with Typeorm, convert index.js to index.ts, install TypeScript types, and set up dev with nodemon for automatic restarts.

Design a chat UI by finishing the left sidebar, head, conversation area, and reply form, using socket.io to send messages between John Doe and Jane Smith.

Create a user entity with a primary key, unique email, and varchar fields in TypeORM, then register it to generate the user table in the database.

Implement an update user endpoint with OAuth middleware, handling first name, last name, email, and password updates, plus a get all users endpoint excluding the authenticated user.

Develop the left sidebar layout with a layout component, outlet, and route; fetch users with axios, then search and filter by name for chat access.

Replace the front end users list with rooms in the left sidebar, linking each room to its ID, and create a rooms/create page with a title input.

Showcases room-scoped messaging with websockets, filtering by room id via onmessage and the rooms/{id}/messages endpoint to deliver messages to correct participants.