说明: This is a fully functional chat webapp built using the and flexibility of React.js, Python, FastAPI and ChatEngine, stars:1, update:2024-04-13 11:30:37
# JS Chat Website
A real-time chat app powered by Python, FastAPI, React JS, and Chat Engine. Users can authenticate, create group chats, send messages, and share attachments. The backend handles authentication and chat functionality, while Chat Engine provides websockets for seamless communication.
## 1. Clone this repository
Ensure you have Node.js and npm installed on your machine
```
git clone https://github.com/wilson3centaurus/react-chat-app/
```
## 1. Add `.env` file
Add your `.env` file in the `frontend` folder, add the following with your [ChatEngine.io](https://github.com/wilson3centaurus/react-chat-app/blob/master/ChatEngine.io) Project ID (instead of `XXXX`)
```
VITE_CHAT_ENGINE_PROJECT_ID=XXXX
```
## 2. Install the python required packages in `requiremnets` file
Within your root folder `react-chat-app` cd into backend and run the following line:
```
pip install -r requirements.txt
```
## 3. Add your `ChatEngine.io` Private key
Within your `backend` folder, add the following with your [ChatEngine.io](https://github.com/wilson3centaurus/react-chat-app/blob/master/ChatEngine.io) Private Key on line 15 (instead of `XXXX`)
```
PRIVATE_KEY = "XXXX"
```
## 4. Run the code!
```
npm install # to install all packages
npm run dev # to start the website
```
Then, your website will be running at http://localhost:5173/
## Screenshots
## Author
### Tafadzwa Wilson Sedze [Github link](https://github.com/wilson3centaurus/react-chat-app/blob/master/https://github.com/wilson3centaurus/)