Skip to content

This is a fully functional chat webapp built using the and flexibility of React.js, Python, FastAPI and ChatEngine

Notifications You must be signed in to change notification settings

wilson3centaurus/react-chat-app

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

10 Commits
 
 
 
 
 
 
 
 

Repository files navigation

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

Screenshot 2024-04-13 122928 Screenshot 2024-04-13 122747

Author

Tafadzwa Wilson Sedze Github link