ezisezis / fschat-app

Frontend for a chat application based on socket.io

fschat-app

A chat application that consists of 2 parts:

• Backend server based on socket.io fschat-server;
• React-based frontend (this repo)

It also uses prettier for code formatting and ant design for UI and reusable react components. It is based on create-react-app

Installation

First of all, you will need to install the necessary modules with yarn:

yarn install

or with npm:

npm install

To run the app, just do (by default, runs on http://localhost:3000):

yarn start

Or if you want to build it instead, do:

yarn build

And to serve the built version, do (by default, runs on http://localhost:3000):

yarn serve

There is also a configuration file where you can change the socket settings, it defaults to values so that it runs with the default values from the fschat-server. You can also change the maximum length of messages being sent.

Future work

• Add password field for auth;
• When user authenticated, show chat straight away after refresh;
• Add feature "user is typing...";
• Add a window displaying all active users;
• Use secured socket connection (WSS);
• Reduce bundle size;
• Add tests;