PyChat is a simple Chatbot running on open-source LLMs accessed through Google Colab.

Demo Video URL: https://youtu.be/ruk9odCxLr0

Table of Contents

• Installation
• Technologies
• Folder Structure
• Future Work
• Screenshots

Installation

1. Clone the repo git clone
2. Install requirements cd client && npm install
3. Run the app npm run dev
4. Open http://localhost:5173 to view it in the browser.
5. navigate to server cd server in another terminal
6. add websocket url to app.py as URI = <websocket url>
   • source ./env/bin/activate to activate virtual environment
7. Run the server uvicorn app:app --reload

Technologies

• React
• TailwindCSS
• TypeScript
• Google Colab
• Python
• FastAPI
• Websockets

Folder Structure

├── client
│   ├── public
│   │   └── vite.svg
│   ├── src
│   │   ├── components
│   │   │   ├── chat
│   │   │   │   ├── TextChatBox.tsx
│   │   │   │   └── TextMessage.tsx
│   │   │   └── layout
│   │   │       ├── Header.tsx
│   │   │       └── LabeledInput.tsx
│   │   ├── pages
│   │   │   ├── Home.tsx
│   │   │   ├── Login.tsx
│   │   │   └── Register.tsx
│   │   ├── app
│   │   │   ├── store.ts
│   │   │   └── historySlice.ts
│   │   ├── App.tsx
│   │   ├── index.css
│   │   ├── main.tsx
│   │   └── typings.d.ts
│   ├── .env
│   ├── .gitignore
│   ├── package.json
│   ├── index.html
│   ├── tsconfig.json
│   └── README.md
├── server
│   └── app.py
├── APIExampleChatStream.py
├── APIExampleStream.py
├── README.md
└── SampleAPI_URLS.png

Future Work

• Add Text to Speech
• Add Speech to Text

Screenshots