QueryGPT

The AI app service for chats, speech, and handwritting.

This application provides a modern and interactive platform for real-time communication. Whether you're collaborating with team members, connecting with friends, or seeking assistance, this chat app delivers a seamless and engaging experience.

Features:

• AI Integration: Benefit from AI-powered responses to enhance your chat experience.
• Speech Recognition: Utilize speech recognition technology to convert spoken words into text messages, enabling hands-free communication.
• Handwriting Recognition: Seamlessly integrate handwriting recognition to allow users to input messages using a stylus or touchscreen device.
• Thread Management: Organize discussions into threads for better clarity and organization.
• User Authentication: Secure your conversations with user authentication, ensuring privacy and confidentiality.

(back to top)

Technologies Used

This project is a chat application built with React for the frontend, MongoDB and Express.js for the backend, and LangChain for AI-powered responses. It utilizes Tailwind CSS for styling.

• 
• 
• 
• 
• 
• 

(back to top)

Getting Started

1. Clone the Repository: Start by cloning the project repository to your local machine.
2. Install Dependencies: Navigate to the project directory and install frontend and backend dependencies.
3. Configure Environment Variables: Set up environment variables for MongoDB URI and LangChain API key.
4. Start the Servers: Launch the frontend and backend servers to run the application locally.
5. Access the Application: Open your web browser and navigate to http://localhost:5173 to access the chat application.

Prerequisites

• npm

  npm install npm@latest -g

Installation

Below is an example of how you can run a local version of this app on your machine

1. Get an OPEN_AI_API Key at https://openai.com/gpt-4
2. Clone the repo

   git clone https://github.com/roychon/virtual.ai

3. Install NPM packages

   npm install

4. Create your .env file
5. Enter your API in .env file

   OPENAI_API_KEY = 'ENTER YOUR API';

6. Enter your mongodb url in .env file

   MONGODB_URL = 'ENTER YOUR MONGODB URL`

7. Set Cookie details

   COOKIE_SECRET = 'ENTER YOUR COOKIE SECRET'
   COOKIE_NAME = 'ENTER YOUR COOKIE NAME'
   COOKIE_EXPIRY = 'ENTER YOUR COOKIE EXPIRY DATE'

8. Start frontend server

   cd frontend/src
   npm run dev

9. Start backend server

   cd backend
   npm run dev

10. Once the servers are running, open your web browser and navigate to http://localhost:5173 to access the chat application.

(back to top)

Usage

Below are some screenshots of virtual.ai in the browser

Login Page

Home Page

(back to top)