README.md

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 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 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