This repository contains the custom frontend for a multi-platform chatbot that provides user-friendly interaction and additional features to enhance the user experience.
- Chat UI: A user-friendly interface to interact with the chatbot, allowing users to send messages and receive responses from the backend server.
- Document Upload: Provides users with the ability to upload documents to enhance chatbot response relevance.
- Output Log: The output log displays the detected intent and top-selected chunks with similarity scores for transparency and debugging purposes.
- Dark Mode/Light Mode: Includes a toggle feature for switching between dark and light themes to suit user preferences.
git clone https://github.com/petersun1937/Custom_Frontend_Chatbot.git
cd Custom_Frontend_Chatbot- Ensure Node.js is installed:
- Download and install Node.js.
- Install project dependencies:
npm install
- Run the application locally:
npm start
- Access the app at http://localhost:3000 by default.
To create a production-ready build of the application:
npm run build- The build files will be located in the
build/directory.
The production-ready build can be deployed to any static hosting provider. This repo is deployed on GitHub Pages. Check here.
Ensure the build/ folder is served by your chosen hosting provider.
- Upload Documents:
- Upload documents (PDF, DOC, or TXT) to provide additional context for chatbot interactions.
- View Uploaded Documents:
- Check the uploaded document list in the app.
- Interact with the Chatbot:
- Start a conversation with the chatbot using the provided UI.
- Use the command
/openaito disable Dialogflow intent matching and allow broader chunk searches. - Use
/dialogflowto re-enable intent matching.
- Review Output Log:
- Review the detected intent and top-selected chunks with similarity scores in the output log section.
This project is licensed under the MIT License.
If you have any questions or suggestions, feel free to reach out to cxs1937@psu.edu.