https://github.com/imdadmi/kafka-websocket-chatapp
this is a the frontend part of a web chat application that is build on top of websockets and apache kafka using spring boot in backend and react js in front end
https://github.com/imdadmi/kafka-websocket-chatapp
kafka reactjs spring-boot websocket
Last synced: about 2 months ago
JSON representation
this is a the frontend part of a web chat application that is build on top of websockets and apache kafka using spring boot in backend and react js in front end
- Host: GitHub
- URL: https://github.com/imdadmi/kafka-websocket-chatapp
- Owner: IMDADMI
- Created: 2023-09-01T07:36:13.000Z (almost 3 years ago)
- Default Branch: master
- Last Pushed: 2024-04-04T11:24:18.000Z (about 2 years ago)
- Last Synced: 2024-12-29T21:26:42.073Z (over 1 year ago)
- Topics: kafka, reactjs, spring-boot, websocket
- Language: JavaScript
- Homepage:
- Size: 84 KB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# 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](https://github.com/vitejs/vite-plugin-react/blob/main/packages/plugin-react/README.md) uses [Babel](https://babeljs.io/) for Fast Refresh
- [@vitejs/plugin-react-swc](https://github.com/vitejs/vite-plugin-react-swc) uses [SWC](https://swc.rs/) for Fast Refresh