itays123 / realtime-chat

a React app created with create-react-app, powered by TypeScript, Deno and websocket

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Realtime Chat

This project was created with create-react-app, deno and TypeScript
To launch it, use deno run --allow-net --allow-read app.ts

Backend Architecture

This backend is a semi object-oriented backend created using TypeScript.
In order to connect to the chatroom websocket connection, send a request to the /ws route.

Any valid websocket connection made is handled using the chatConnection() function, located in utils/chatroom.ts.
In this function, the connection is linked to the Broadcaster object-oriented class which handles any new events received by the connection.

Frontend Architecture

This frontend is developed with React.js, with a veriety of components. For a detailed list of them, refer to the client folder.

About

a React app created with create-react-app, powered by TypeScript, Deno and websocket


Languages

Language:JavaScript 61.6%Language:CSS 14.4%Language:HTML 12.6%Language:TypeScript 11.4%