react-chat-app

所属分类:Websocket编程
开发工具:Python
文件大小:0KB
下载次数:0
上传日期:2024-04-15 15:57:09
上 传 者sh-1993
说明:  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

文件列表:
backend/
frontend/
package-lock.json

# 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 Screenshot 2024-04-13 122928 Screenshot 2024-04-13 122747 ## Author ### Tafadzwa Wilson Sedze [Github link](https://github.com/wilson3centaurus/react-chat-app/blob/master/https://github.com/wilson3centaurus/)

近期下载者

相关文件


收藏者