React + Vite

this application basically use websocket to make a realtime messaging system and kafka for dealing with large amount of users and services

react js and mui for the front end

spring boot for the backend

• Home Screen

how to run the app

to get started you need to install kafka server and launch the following commands :

backend (https://github.com/IMDADMI/kafka-websocket-chatApp-backend)

• .\bin\windows\zookeeper-server-start.bat .\config\zookeeper.properties : to start zookeeper
• .\bin\windows\kafka-server-start.bat .\config\server.properties : to start the kafka server
• create a database named (view in the properties file of the backend part (kafka-websocket-chatApp-backend))

front end

• npm i : to install the packages
• npm run dev to start the application This template provides a minimal setup to get React working in Vite with HMR and some ESLint rules.

Currently, two official plugins are available:

• @vitejs/plugin-react uses Babel for Fast Refresh
• @vitejs/plugin-react-swc uses SWC for Fast Refresh